CSS Boxshadow

There are many examples of css boxshadow beautiful for you. Easy to use, click to copy and paste to your code

    What is Box-Shadow in CSS

    The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.

    • 1. 1. The horizontal offset of the shadow, positive means the shadow will be on the right of the box, negative will put the shadow on the left of the box.

    • 2. The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box.

    • 3. The blur radius (optional), if set to 0, the shadow will be sharp. The higher the number, the more blurred.

    • 4. The spread radius (optional), positive values increase the size of the shadow, negative values decrease the size. Default is 0 (the shadow is the same size as blur).

    • 5. The end is Color