Generatore di ombre CSS Box (multi-layer & Inset)

Come si usa

1. 1
   Passo 1: apri Generatore di ombre CSS Box (multi-layer & Inset) e inserisci i dati

   Scrivi i tuoi numeri o il testo, aggiungi il file o scegli le opzioni che ti servono. Non viene caricato nulla: tutto resta nel tuo browser.

2. 2
   Passo 2: cosa fa Generatore di ombre CSS Box (multi-layer & Inset)

   Progetta ombre di scatole CSS lisce e multilivello con sfocatura live, diffusione, toggle inserito ed esportazione del codice Tailwind/CSS con un solo clic.

3. 3
   Passo 3: leggi il risultato e confrontalo

   Il risultato compare subito. Cambia un valore per vedere come varia la risposta, poi tieni la cifra adatta al tuo caso.

4. 4
   Passo 4: copialo o salvalo

   Copia il risultato o scaricalo. Per una decisione importante, verificalo con la fonte ufficiale o con un consulente.

Informazioni su questo strumento

Aggiungi profondità e elevazione tattile alle schede ed agli elementi UI. Personalizza gli spostamenti orizzontali/verticali, il raggio di sfocatura, la distanza di diffusione e il colore delle ombre con lo slider opacità. Prova contro sfondi chiari e scuri, cambia le ombre inserite per gli stati dei pulsanti premuti e copia istantaneamente le classi CSS standard o Tailwind.

Consigli per il miglior risultato

Prima di iniziare, dedica un momento a leggere le opzioni e prova lo strumento prima con un piccolo esempio. Tutto funziona nel browser sul tuo dispositivo; nulla di ciò che scrivi o aggiungi viene caricato e chiudere la scheda cancella tutto. Se qualcosa non sembra giusto, ricarica la pagina e riprova, oppure usa il link di segnalazione in questa pagina per dirci cosa è andato storto. Se un risultato continua a sembrare sbagliato, cambia un valore alla volta per vedere quale campo incide di più. Aggiungi la pagina ai preferiti se la userai di nuovo.