Evviva il text-shadow, e che Explorer vada a quel paese!
La sintesi sta tutta nel titolo eheh. Da un po’ di tempo a questa parte comincio ad amare i css3 nonostante non siano compatibili con tutti i browser…oppure è Explorer che non è compatibile con i css3? E’ nato prima l’uovo o la gallina?
Fatto sta che anche la proprietà text-shadow credo sarà presto adottata in qualche mio progetto…con gran dispiacere degli utenti Windows-Explorer che non lo potranno vedere.
Text-shadow: ombreggiatura del testo in css3
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
19 Commenti
Oh la, mi piace questo post!!!
Mandare Explorer a quel paese mi mette sempre di buon umore! ^_^
Ad ogni modo trovo la proprietà text-shadow davvero molto potente. Certo, non è indispensabile…però averla a disposizione ci permette di creare layout web sempre meno pesanti in termini di KB; non dovendo più creare immagini con l’ombra nel testo si risparmiano un sacco di KB. E soprattutto la nostra accessibilità ne aumenta parecchio. Voi che dite?
sisi condivido. negli esempi dell’esercizio gli effetti sembrano un po’ bruttini, ma si vedono belle cose in giro se usata come si deve
@Simone
Concordo con te. Usare css e testo è più facile ed accessibile.
Concordo con Simone, sia sull’utilità della proprietà che sugli effetti del mandare a stendere IE eheheh
Al di là delle battute, penso sia un gran strumento.
Ma per capirci, con tale proprietà è possibile arrivare a ricreare l’effetto del logo di Photoshop, cioè l’effetto per intenderci della parola Awards nell’immagine dell’articolo? Ditemi che è fatta con i css e non è un’immagine!
Sarebbe davvero stupendo!
@Rob: sisis è fatta con i css, l’ho vista ieri su un sito e me ne sono innamorata nel momento in cui ho visto che era fatta con i css. ho cercato info e pubblicato l’articolo che ne parla
basta saper dosare grandezze e tipo di effetto e colori
eccolo: http://awardsapp.com/ il logo no, ma il resto è con il text-shadow
Fantastico!!!
Nella versione nuova del mio sito che sto per ultimare ho proprio usato quegli effetti lì solo che appunto ho dovuto usare sempre le immagini.
Per stavolta magari lo lascio ancora alla vecchia maniera, ma mi segno che prossimamente converto tutto con i css
ah quindi per l’effetto del logo bisogna ancora ricorrere alle immagini.
Effettivamente per ricreare quell’effetto ci vorrebbe oltre alla proprietà text-shadow che fa l’ombra dietro, anche una proprietà di ombreggiatura interna alle lettere, ma ho visto che c’è box-shadow che però lo fa al paragrafo inteso come box e non alle singole lettere, peccato
non credo abbia usato l’immagine per un problema di ombre ma proprio per il font usato
se provi ad ingrandire i font del resto del sito che hanno quell’effetto, è molto carino 
il mio problema è che anche a me piacciono i css3… e allora arrotondo bordi, uso ombre e ruoto immagini… Risultato… un capolavoro… Poi arrivo dal cliente mostro il lavoro che nel frattempo ha perso tutta la sua gradevolezza (lui usa IE
) e mi deprimo… Torno in ufficio e ricomincio a lavorare con le immagini! Dannazione… 
Io sul mio blog ne faccio ampio uso e sono abbastanza soddisfatto! Riesce a coprire la mancanza, per esempio, di immagini e di creare comunque buoni effetti, a patto di scegliere ottimi contrasti!
.. ma soprattutto che IE vada a quel paese =D
Per quanto riguarda le ombre del testo credo che si possa ignorare IE, ma per i bordi arrotondati (per mio sommo dispiacere) no credo sia ancora il momento a meno che non si tratti di un progetto personale o che si definisca il tutto con il cliente.
Concordo pienamente con “che Explorer vada a quel paese!”
Grande La!
L’applicazione mi intimorisce xD E’ potentissimo comunque il text-shadow, sarebbe anche ora che IE andasse davvero a quel paese
Io dico di programmare un virus che giri per la rete e distrugga tutti gli IE esistenti al mondo!!
Geniale, no?
credo ci stiano già lavorando
http://www.corriere.it/scienze_e_tecnologie/10_gennaio_30/google-supporto-explorer-attacchi-cina_f25a6f62-0d7f-11df-829b-00144f02aabe.shtml
mi fa piacere che google si sia svegliato…
Il text-shadow è un ottimo strumento, IE no !!
Non resta che mandarloa quel paese..
Io ho usato il text-shadow sul mio sito come effetto sui titoli H1 dando un bel effetto