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
Strumento di decodifica Base64
Genera hash di password sicuri per WordPress
Convertitore di unità di peso
Converti tra diverse unità di peso con precisione per le tue esigenze di cucina, fitness e scienza
Calcolatore di hash SHA-224
Genera hash SHA-224 in modo rapido e semplice