CSS Generator – mega-seite.de

CSS Generator Suite

Box Shadow Einstellungen

Horizontal Offset 10px

Vertical Offset 10px

Blur Radius 20px

Spread Radius 0px

Shadow Color

Opacity 0.25

Inset Shadow

Vorschau

Box Shadow

box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.25);

Gradient Einstellungen

Gradient Type

Richtung (Grad) 45°

Start Farbe

End Farbe

Start Position (%) 0%

End Position (%) 100%

Vorschau

Gradient

background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);

Border Radius Einstellungen

Top Left 10px

Top Right 10px

Bottom Left 10px

Bottom Right 10px

Gleichmäßig

Vorschau

Border Radius

border-radius: 10px 10px 10px 10px;

Text Shadow Einstellungen

Horizontal Offset 2px

Vertical Offset 2px

Blur Radius 4px

Shadow Color

Opacity 0.5

Vorschau

Text Shadow

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

Transform Einstellungen

Rotate (Grad) 0°

Scale X 1

Scale Y 1

Translate X (px) 0px

Translate Y (px) 0px

Skew X (Grad) 0°

Skew Y (Grad) 0°

Vorschau

Transform

transform: rotate(0deg) scale(1, 1) translate(0px, 0px) skew(0deg, 0deg);