Crea bellissime ombre CSS Box senza sforzo
Genera splendide ombre con la nostra interfaccia intuitiva. Copia il codice CSS e usalo immediatamente nei tuoi progetti.
Preview
Scatola Ombra
Personalizzami
CSS Output
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Controlli delle ombre
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Ombra morbida
Ombra media
Ombra pesante
Ombra interiore
Diagonale netta
Bagliore di contorno
Doppia ombra
Effetto Lifted
Come si usa
Controlli di base
- Regolare ilOffset orizzontaleper spostare l'ombra a sinistra o a destra
- Regolare ilOffset verticaleper spostare l'ombra verso l'alto o verso il basso
- Aumentare ilRaggio di sfocaturaper rendere l'ombra più morbida
- Use Raggio di diffusioneper aumentare o diminuire le dimensioni complessive dell'ombra
- Modificare ilColor and OpacityPer personalizzare l'aspetto dell'ombra
Funzionalità avanzate
- Enable Ombra inseritaper creare un effetto ombra interna
- Use Ombre multipleper effetti più complessi
- Salva e caricaPresetsper un rapido accesso alle tue ombre preferite
- Click Ombra casualeper l'ispirazione
- Copia il codice CSS generato e incollalo nel tuo progetto
Related Tools
Meno in CSS Converter
Trasforma il tuo codice Less in CSS. Veloce, facile e sicuro.
Generatore di transizioni CSS3
Transizione di opacità uniforme
Minimizzatore CSS
Comprimi e ottimizza il tuo codice CSS con precisione professionale
Testo in decimale
Converti il testo in una rappresentazione decimale senza sforzo
Generatore di hash MD2
Genera hash MD2 in modo rapido e semplice con questo strumento online. Risultati sicuri, affidabili e immediati.
Crea termini e condizioni personalizzati
Genera termini e condizioni completi su misura per il tuo sito web, app o servizio.