Box Shadow Generator

Horizontal
Vertical
Blur Radius
Spread radius
Shadow Color
Opacity
Box Color

Box preview

Generated css code:

About Box Shadow Generator

Box-shadow Adds one or more shadows to the box. This property is a comma-separated list of shadows, each of which is specified by 2-4 length values, optional color values, and optional inset keywords.

This property is often used, but I have to say that its property value is a bit too much. If it is not used often, it is difficult to remember all the property values. Yes, I am talking about me. Usually I will query or use this box. -shadow generator is generated directly.

This box-shadow generator is easy to use, all property values can be adjusted directly at the top of the page, and each time you adjust, you can see the final effect and get the final code right away.


Top