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