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.
Minimizzatore CSS
Comprimi e ottimizza il tuo codice CSS con precisione professionale
Convertitore da stilo a CSS
Trasforma il tuo codice SCSS in CSS. Veloce, facile e sicuro.
Convertitore di unità astronomiche
Converti tra unità astronomiche con precisione per i tuoi calcoli spaziali
Decodificatore da Base64 a JSON
Converti istantaneamente le stringhe codificate Base64 in JSON formattato. Funziona localmente nel browser senza caricare dati.
Generatore di barre di scorrimento CSS
Personalizza le barre di scorrimento del tuo sito web con facilità