Tra gli effetti che è possibile applicare al testo con CSS3 c'è l'ombreggiatura, definita tramite la proprietà text-shadow che richiede di specificare nell'ordine:
- scostamento orizzontale (horizontal offset): con valori positivi l'ombreggiatura viene disegnata alla destra del testo mentre con valori negativi alla sua sinistra;
- scostamento verticale (vertical offset): con valori positivi l'ombreggiatura viene disegnata sotto al testo mentre con valori negativi sopra;
- raggio di sfocatura: piùè grandepiù l'ombra risulterà leggera e sfumata; questo parametro è opzionale;
- colore dell'ombreggiatura.
Nell'esempio seguente viene applicata un'ombreggiatura grigia spostata in basso a sinistra ai titoli H1:
<style> h1 { text-shadow: -5pt 2pt 4pt #999; } </style>
È possibile definire ombreggiature multiple immettendo diverse impostazioni (scostamento, sfocatura e colore) separate da virgola.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire script pre e post esecuzione di un workflow di GitHub
Gestione dei nomi con le regole @layer in CSS
Utilizzare Container Queries nominali
Creare una libreria CSS universale: Nav menu
Disabilitare automaticamente un workflow di GitHub (parte 2)
Testare l'invio dei messaggi con Event Hubs Data Explorer
Utilizzare QuickGrid di Blazor con Entity Framework
La gestione della riconnessione al server di Blazor in .NET 9
Eseguire operazioni sui blob con Azure Storage Actions
Ottenere un token di accesso per una GitHub App
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Gestione dell'annidamento delle regole dei layer in CSS