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
Convertitore di numeri digitali
Converti con precisione i sistemi numerici binari, decimali, esadecimali e ottali
Minimizzatore CSS
Comprimi e ottimizza il tuo codice CSS con precisione professionale
Da esadecimale a decimale
Converti facilmente i numeri esadecimali in decimali