Advanced CSS Generator

Farben & Text

Hintergrundfarbe

Textfarbe

Farbverlauf nutzen

Display & Position

Display

Position

Top (px) auto

Bottom (px) auto

Left (px) auto

Right (px) auto

Abstände (Padding & Margin)

Margin (px) 10px

Padding Top (px) 20px

Padding Right (px) 40px

Padding Bottom (px) 20px

Padding Left (px) 40px

Flex Container Eigenschaften

Diese Einstellungen gelten nur, wenn Display auf 'flex' oder 'inline-flex' gesetzt ist.

Flex Direction

Justify Content (Hauptachse)

Align Items (Kreuzachse)

Flex Wrap

Border Radius

Radius (px) 10px

Border

Dicke (px) 2px

Farbe

Stil

Box Shadow

Schattenstärke (Blur) (px) 15px

Schattenfarbe

Schattenversatz X (px) 5px

Schattenversatz Y (px) 5px

Schatten-Ausbreitung (Spread) (px) 0px

Schatten-Transparenz (Alpha) 0.5

Innerer Schatten (inset)

Text Shadow

Schattenstärke (Blur) (px) 10px

Schattenfarbe

Versatz X (px) 1px

Versatz Y (px) 1px

CSS Filter

Blur (px) 0px

Sättigung (%) 100%

Helligkeit (%) 100%

Vorschau

Scrollen Sie von hier nach unten.

(Für Sticky Position bitte Top/Bottom > 0 setzen)

Generiertes Element

Viel Platz zum Scrollen...