Home » Design e layout » Design and visual » Ma un testo html con colorazione sfumata come questo si può fare?
Ma un testo html con colorazione sfumata come questo si può fare?
Certo che sì!
Webdesigner wall ci mostra come fare, con dei semplici esempi e con tutte le varianti.
Essendo però le png non compatibili con explorer 6 ci sono i pro e i contro. Ma se nelle vostre statistiche potete ignorare questo browser oramai odiato, ecco come fare:
Amazon-Box creato da Giuseppe Frattura
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
8 Commenti
Oggi stresso sul tuo blog
Le PNG su IE6 si possono usare a con un paio di trucchi.
posto il link che faccio prima
http://www.twinhelix.com/css/iepngfix/
Unico neo, IE6 e 5.5 sono limitati anche con questo trucco. In pratica le PNG si possono usare ma non si possono far ripetere.. e staranno sempre allineate in alto a sinistra (usate con CSS ovvio).
Ciao!
Ciao Dimitri.
Sì, io conosco anche questo:
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
bisogna integrarlo a ciò che segnalano su webdesignerwall e vedere se sono compatibili…
[...] ho fatto un salto su un’articolo di Italian Web Design che parlava di testi con gradiente in [...]
Anche se c’è il traceback, ho scritto giusto giusto un’articolo per mostrare come integrare la mia soluzione
http://webstandards.dimix.it/2008/01/22/testi-con-gradienti-in-css/
Spero di essere stato utile,
ciao!
sei un mito! sarebbe quasi da segnalarlo a Webdesignerwall! io non ho ancora testato ma confido in te. perchè non commenti anche sul loro blog?
Heee, un mito, accidenti
Ora commento
Il mio’articolo è in italiano, speriamo apprezzino
guardate che nel post già è presente un hack per farlo funzionare correttamente anche su IE6:
h1 span {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’gradient.png’, sizingMethod=’scale’);
}
Ciao,
si, avevo notato, però inserire quel codice nel CSS rende la pagina non valida e usare i conditional comments non mi piace, anche se a volte diventa inevitabile.
Preferisco, quando ci sono tante PNG nella pagina, utilizzare quella tecnica che ho descritto.