text-shadow: 0px 0px 7px #4466eeff, 0px 0px 14px #4466eee6, 0px 0px 28px #4466eeb3;Il generatore di ombre di testo CSS è un editor visivo per la proprietà di ombra di testo CSS. Puoi regolare l'offset orizzontale, l'offset verticale, il raggio di sfocatura, il colore e l'opacità con i cursori e guardare l'effetto renderizzato dal vivo su un testo di esempio, quindi copiare il CSS esatto. Invece di indovinare i valori dei pixel e aggiornare la tua pagina, dai forma direttamente l'ombra e leggi il codice che produce.
La proprietà Text-Shadow è più semplice di Box-Shadow - non ha un raggio di diffusione e nessuna parola chiave di inset - ma la stratificazione è dove diventa potente. Una singola dichiarazione può impilare diverse ombre, ciascuna con i propri offset, sfocature e colori. Impilamento degli strati è il modo in cui si costruiscono bagliori al neon, contorni duri, scritte 3D retrò, effetti di goffratura tipografica e lunghe ombre piatte. Scrivere quelli a mano è complicato, quindi questo strumento gestisce i livelli e produce una dichiarazione validata da comma specificata nell'ordine della vernice corretto.
Tutto accade nel tuo browser. Scegli un preset come bagliore al neon o contorno, sintonizza ogni livello, cambia l'anteprima tra sfondi chiari e scuri, modifica il testo di esempio e copia il CSS. Nessun account, nessun caricamento e continua a funzionare offline una volta caricata la pagina.
Scegli un preset come Soft, Neon Glow, Retro 3D o Outline per ottenere un punto di partenza realistico, o inizia con un singolo livello di ombra predefinito e accumula da lì.
Trascina gli offset orizzontale e verticale e sfoca i cursori del raggio, quindi imposta il colore dell'ombra e l'opacità. Guarda l'aggiornamento del testo di esempio all'istante mentre modifichi.
Aggiungi livelli aggiuntivi per creare bagliore, contorno o profondità 3D: diverse copie offset di un'ombra letta come testo estruso, mentre le copie sfocate impilate leggono come un bagliore.
Copia la dichiarazione di ombre di testo e incollala direttamente nel foglio di stile o negli stili dei componenti. Applicalo a qualsiasi elemento di testo per ottenere lo stesso effetto.
Impila un numero qualsiasi di livelli di ombra in una dichiarazione, nell'ordine di verniciatura dall'alto in basso corretto, che è il modo in cui vengono costruiti i bagliori, i contorni e il testo 3D
I cursori per offset orizzontale e verticale e raggio di sfocatura, oltre a un selettore di colori e un controllo dell'opacità, coprono ogni parte della grammatica dell'ombra di testo
Esempi di testo aggiornati all'istante durante la modifica e puoi cambiare lo sfondo tra chiaro e scuro per verificare come l'effetto legge in entrambi i temi
Le ricette curate per effetti morbidi, duri, al neon, retro 3D, contorno, goffratura, fuoco e ombra lunga ti danno un punto di partenza collaudato invece di una tela bianca
Design layered CSS box-shadows with a live preview and sliders for offset, blur, spread, color, opacity, and inset — then copy production-ready CSS.
Create beautiful CSS gradients with live preview
Pick colors and convert between HEX, RGB, and HSL formats
0 comments
No comments yet. Be the first to share your thoughts!