CSS-box-shadow genereren

Maak een CSS box-shadow-declaratie op basis van verschuiving, vervaging, spreiding en kleur.

Grafisch Zonder gegevensopslag

Korte handleiding

Probeer een voorbeeld

Je voert in

Horizontale verschuiving (px)
0
Verticale verschuiving (px)
4
Vervagingsstraal (px)
12
Verspreiden (px)
0
Hexkleur
#00000033
Schaduwpositie
Buiten

Je krijgt

box-shadow: 0px 4px 12px 0px #00000033;
Werking en limieten

Voer lengtes in pixels en een zes- of achtcijferige hex kleur. Negatieve spreiding krimpt de schaduw.