box-shadow: 10px 5px 5px red;
The box shadow property in CSS adds a shadow to any element in HTML. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.
/* offset-x | offset-y | blur-radius | color */ box-shadow: 10px 5px 5px black; /* inset | offset-x | offset-y | color */ box-shadow: inset 5em 1em gold;
If a border-radius is specified on the element, the box-shadow will take the same rounded corners as the element.
If used multiple box-shadow‘s, the first one will be on top.
box-shadow: 3px 3px red, -1em 0 .4em blue;
We are sorry that this post was not useful for you!
Let us improve this post!
Tell us how we can improve this post?