Kleur & Ontwerp
Box Shadow Generator
Gratis CSS box-shadow generator. Ontwerp schaduwen met schuifregelaars voor offset, blur, spread, kleur en dekking. Laag meerdere schaduwen. Kopieer direct CSS.
Runs in your browser
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
Redactionele opmerking
Understanding · Five numbers. A whole light source.
Dit uitgebreide hoofdstuk is momenteel alleen in het Engels beschikbaar. De conversietool hierboven werkt in jouw taal; de lange uitleg is nog niet vertaald.
Veelgestelde vragen
Quick answers.
›Can I layer multiple shadows?
Yes — add as many shadows as you want, each with its own offset, blur, spread and color.
›Does it support inset shadows?
Yes — toggle 'inset' to make a shadow appear inside the element instead of outside.
›Does it output Tailwind?
Yes — for common single-shadow patterns. Multi-shadow stacks need custom CSS.
›Is the generator free?
Yes — fully free, no signup.
Mensen zoeken ook naar
Gerelateerde tools
More in this room.
- Geavanceerde Box Shadow EditorStapel meerdere schaduwen met live preview.
- GradiëntgeneratorLineaire, radiale en conische CSS-gradiënten.
- Border Radius GeneratorPer-hoek CSS border-radius editor.
- Cubic Bezier EditorOntwerp CSS easing-curves visueel.
- CSS Animatie GeneratorBouw keyframes visueel, kopieer kant-en-klare CSS.
- CSS Filter GeneratorLive preview van blur, helderheid, hue-rotate en meer.