Colore e design
Generatore Box Shadow
Generatore di box-shadow CSS gratuito. Progetta ombre con slider per offset, blur, spread, colore e opacità. Sovrapponi più ombre. Copia istantaneamente il CSS.
Runs in your browser
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
Nota dell'editore
Understanding · Five numbers. A whole light source.
Questo capitolo approfondito è attualmente disponibile solo in inglese. Lo strumento di conversione qui sopra funziona nella tua lingua; il lungo articolo esplicativo non è stato ancora tradotto.
Domande frequenti
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.
Le persone cercano anche
Strumenti correlati
More in this room.
- Editor Avanzato Box ShadowImpila più ombre con anteprima dal vivo.
- Generatore di SfumatureSfumature CSS lineari, radiali e coniche.
- Generatore Border RadiusEditor border-radius CSS per angolo.
- Editor Cubic BezierDisegna visivamente curve di easing CSS.
- Generatore di Animazioni CSSCrea keyframes visivamente, copia CSS pronto-all'uso.
- Generatore di Filtri CSSAnteprima in tempo reale di sfocatura, luminosità, rotazione-tinta e altro.