CSS Generator

by Zinglecode

Layout

Flexbox Items Flexbox Menu Bar Flexbox Gallery Grid Items Grid Page Float

Background

Background Color Background Gradient Background Image

Border

Border Border Radius Box Shadow

Transform

Translate Rotate Scale Skew

Filter

Blur Brightness Contrast Grayscale Hue-Rotate Invert Saturate Sepia

Text

Text Text Shadow

© Copyright 2023 Zinglecode.

CSS Generator

Box Shadow

Customizing

X (pixels)

-10

10

Y (pixels)

-10

10

Blur (pixels)

0

20

Spread (pixels)

0

20

Color

Color opacity

0

1

Preview

Box mode

Code

Paste to your file(s)

CSS

box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);