Existe-t-il un moyen simple de styler le texte avec des dégradés?

Question

il est possible de le style d'un arrière-plan avec des gradients comme: background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));

est-il un moyen de texte de style avec des gradients J'ai cherché STH comme: color-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); mais n'a pas été en mesure de trouver quoi que ce soit simple.

Merci pour votre aide.

Answer 1

son impossible avec CSS pur sauf si vous utilisez une image pour couvrir la police: http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/ Vous pouvez utiliser la même technique, mais utiliser une couleur à gradient transparent dans l'élément de recouvrement.

est un exemple ici avec CSS pur et un élément supplémentaire: http://jsfiddle.net/Lub7z/

Answer 2

Il est possible. Il suffit de combiner une image de fond avec un clip de fond: texte: Voir this most excellent example ici.

background: url(/bgclip/img/paint.png) repeat, white; 
-webkit-text-fill-color: transparent; 
-webkit-background-clip: text;