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
Abbellitore CSS
Formatta e abbellisci il tuo codice CSS con precisione professionale
Convertitore da stilo a CSS
Trasforma il tuo codice SCSS in CSS. Veloce, facile e sicuro.
Convertitore da SCSS a CSS
Trasforma il tuo codice SCSS in CSS. Veloce, facile e sicuro.
Convertitore da parola a numero
Converti i numeri scritti nei loro equivalenti numerici in più lingue
Calcolatore dell'età
Calcola la tua età esatta in anni, mesi e giorni con il nostro calcolatore di età preciso.
Converti il testo in slug SEO-friendly
Trasforma qualsiasi testo in uno slug compatibile con gli URL, perfetto per URL, nomi di file e altro ancora.