Texte CSS effect gradient

Voulez-vous créer des rubriques fantaisie sans rendre chaque rubrique avec Photoshop?css Voici une simple CSS astuce pour vous montrer comment créer des effets de gradient de texte avec une image PNG (pur , ou ).
Il vous suffit d’un vide <span> tag dans le titre et d’appliquer la superposition de l’image de fond en utilisant le position: absolute propriété. Cette astuce a été testé sur la plupart des navigateurs: , Safari, Opera, et même Internet Explorer 6.
Voir la démo
Télécharger la démo

Avantages

  • Cette astuce est pur , ou . Il fonctionne sur la plupart des navigateurs dont IE6 (PNG hack requis).
  • Il est parfait pour la conception de titres. Vous n’avez pas à vous rendre chaque rubrique avec Photoshop. Cela vous permettra d’économiser du temps et de bande passante.
  • Vous pouvez l’utiliser sur un site de polices et la taille de la police demeure évolutive.

Popularité : 15% [?]

Laisser un commentaire

Vous pouvez utiliser ces balises XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>