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 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.
Aucun commentaire

Répondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

quatorze − huit =

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?