CSS Box-Shadow Generator

CSS box-shadow mit visuellem Editor generieren

Browser-VerarbeitungIhre Daten verlassen niemals Ihren Browser

Shadow Layers

Shadow 1 Settings

Offset X5px
Offset Y5px
Blur Radius15px
Spread Radius0px
Color
Opacity30%
Inset Shadow

Preview Settings

Background:
Box Color:
Border Radius:
px

CSS 

box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);

Presets

About CSS Box-Shadow Generator

CSS box-shadow mit visuellem Editor generieren

Use this free online css-generatoren tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.

Ähnliche Tools

CSS-Gradienten-GeneratorSchöne lineare und radiale CSS-Gradienten erstellen
CSS Text-Shadow GeneratorCSS text-shadow Effekte visuell generieren
CSS Border-Radius GeneratorBenutzerdefinierten border-radius mit visuellem Editor erstellen
CSS Clip-Path GeneratorCSS clip-path Formen visuell erstellen