Generatore CSS text-shadow
Genera la dichiarazione CSS text-shadow con offset orizzontale, offset verticale, raggio di sfocatura e colore personalizzabili.
Esegui lo strumento
Questo strumento genera la dichiarazione CSS `text-shadow` pronta da inserire nei tuoi fogli di stile. L'interfaccia accetta quattro parametri distinti: lo spostamento orizzontale (offset X), lo spostamento verticale (offset Y), il raggio di sfocatura (blur) e il colore dell'ombra. Ciascun valore numerico per gli spostamenti e per la sfocatura include automaticamente l'unità in pixel (px), mentre la regola generata termina con il punto e virgola. Se lasci vuoti i campi numerici o quello del colore, il generatore applica valori predefiniti: 1 pixel per lo spostamento orizzontale, 1 pixel per quello verticale, 2 pixel per la sfocatura e il codice esadecimale con trasparenza `#00000033` per il colore. Puoi impostare valori pari a zero per gli offset o per il raggio di sfocatura per ottenere ombre nette oppure effetti di luce uniforme attorno al testo. Il codice risultante segue la sintassi CSS ufficiale e si integra direttamente nelle regole tipografiche del tuo progetto web.
Istruzioni
- Inserisci il valore numerico per lo spostamento orizzontale nel campo dell'offset X.
- Inserisci il valore numerico per lo spostamento verticale nel campo dell'offset Y.
- Imposta il raggio di sfocatura desiderato nel campo dedicato al blur.
- Specifica il colore dell'ombra in formato esadecimale, RGB o nome di colore CSS nel campo di testo del colore.
- Avvia la generazione per ottenere la stringa CSS completa e formattata con unità in pixel.
Esempi
- Con offset X pari a 2, offset Y pari a 4, sfocatura 5 e colore #333333, il generatore restituisce `text-shadow: 2px 4px 5px #333333;`.
- Impostando entrambi gli offset a 0, la sfocatura a 8 e il colore a rgba(0,0,0,0.5), l'output produce `text-shadow: 0px 0px 8px rgba(0,0,0,0.5);`.
FAQ
Quali valori predefiniti vengono applicati se non compilo i campi?
Se non compili i campi, il generatore usa 1 per l'offset orizzontale, 1 per l'offset verticale, 2 per la sfocatura e #00000033 per il colore dell'ombra.
Posso inserire valori pari a zero per gli offset o la sfocatura?
Sì, il generatore accetta il valore 0 sia per gli spostamenti sia per la sfocatura, consentendo di creare ombre senza deviazione o con bordi netti.
Quali formati posso usare per specificare il colore?
Il campo del colore accetta qualsiasi stringa di testo valida per CSS, inclusi codici esadecimali con o senza trasparenza, formati RGB, RGBA e nomi di colore standard.