Genereer CSS box-shadows met live preview. Voeg meerdere lagen toe voor diepte en kopieer de CSS.
Gebruik sliders voor horizontale/verticale offset, blur, spread, kleur en opacity. Vink Inset aan voor een inner shadow. De preview update live en de CSS is klaar om te kopiëren.
Pas de sliders aan. Vink Inset aan voor een inner shadow. Klik het kleurvakje om de kleur te wijzigen. De CSS update live — klik Kopiëren om te kopiëren.
Spread expands (positive value) or contracts (negative value) the shadow before blur is applied. A positive spread makes the shadow larger than the element; negative makes it smaller.
CSS supports multiple box-shadows as a comma-separated list. Generate each shadow here separately and combine them manually in your CSS: box-shadow: shadow1, shadow2;
Deze tool draait volledig in je browser. Niets wat je typt of plakt wordt naar een server gestuurd — alle verwerking gebeurt lokaal op je apparaat.