Per creare un effetto ombreggiatura ai testi in css, è stato introdotto nella stesura del modulo CSS3 Testo, la proprietà text-shadow (ombreggiatura del testo). Purtroppo, al momento questa proprietà css3, non fa parte delle specifiche css e non è supportata da tutti i browser (vedi le prove della proprietà css3 text-shadow).
Nel frattempo, vediamo come ricreare lo stesso effetto usando solo le regole del css2. Prima con un contenuto del testo duplicato, poi creando invece dinamicamente il contenuto testo del ombreggiatura con il pseudo elemento :before
Continua a leggere >>
css before,
css ombreggiatura,
css text shadow,
ombreggiatura testo
La proprietà css3 text-shadow permette di aggiungere una o più ombreggiature ad un contenuto di testo.
NB: le ombreggiature semplice sono, al momento, supportate da Safari, Opera 9.5+ e Firefox 3.1+
Di seguito, vedremo i valori accettati della proprietà text-shadow, come applicarla a un testo e i risultati ottenuti con esempi concreti.
Continua a leggere >>
css ombreggiatura,
CSS3,
text-shadow
La proprietà css3 box-shadow permette di aggiungere senza l’uso di immagine un effetto d’ombreggiatura agli elementi selezionati.
Grazie agli differenti valori del box-shadow, possiamo specificare che l’ombreggiatura sia posizionata a destra/sinistra e sotto/sopra verso l’esterno dell’elemento, la sua sfumatura (blur) ed il suo colore.
Il box-shadow non fa parte del ‘box-model’ nel senso che l’ombreggiatura aggiunta non è considerata nelle misure finale dell’elemento.
Questa proprietà css3 può essere combinata con altre proprietà come il css3 border-radius.
NB: Questa proprietà css3 è al momento supportata da Safari 3.1 in su con l’aggiunto del prefisso -webkit e Firefox3.5+ con l’aggiunto del prefizzo -moz (Ultimo aggiornamento: Maggio 2009)
Continua a leggere >>
css box-shadow,
css ombreggiatura,
CSS3,
css3 box-shadow,
css3 proprietà
