CSS-Generator im Tonstil

Mit diesem CSS-Generator im Tonstil erstellen Sie weiche, tonartige UI-Blöcke mit abgerundeten Ecken und mehrschichtigen Schatten. Passen Sie Hintergrundfarbe, Vorschaugröße, Rahmenradius, Schattenrichtung, Tiefe, Unschärfe und Transparenz an und kopieren Sie anschließend den generierten CSS-Code direkt in Ihr Projekt.

Box

px
px
{{ radius }}px

Schatten

{{ depth }}px
{{ blur }}px
px
px
{{ blur }}px
{{ outerAlpha.toFixed(2) }}
{{ innerDarkAlpha.toFixed(2) }}
{{ innerLightAlpha.toFixed(2) }}

Vorschau

{{ width }} x {{ height }}px
Clay

CSS

Copied!