Box Shadow Properties
Inset
Color
Shadow 0
Box Shadow
Presets
Element Properties
Color
Box Shadow CSS
box-shadow: 0px 19px 38px 0px rgba(0,0,0,0.3);
Element CSS
.element {
width: 250px;
height: 250px;
background-color: rgba(255, 255, 255, 1);
color: #000;
border-radius: 10px;
box-shadow: 0px 19px 38px 0px rgba(0,0,0,0.3);
}
CSS box-shadow property applies one or multiple shadows to an HTML element. It is CSS3 property and supported by all major browsers. You can create amazing styles of box shadows by using our Box Shadow Generator. You can try our multiple box shadow generator for multiple shadows.
Box Shadow CSS Syntax
box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit;
Don’t forget to try the inset property to have different results.