グラデーションでテキストをスタイルする簡単な方法はありますか？

Question

のようなグラデーションで背景をスタイルすることが可能である： background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));

は勾配を持つスタイルのテキストに方法はあります私のようなSTHを探してきました：？ color-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));しかし、単純な何かを見つけることができませんでした。

ありがとうございました。

Answer 1

純粋なCSSとその可能性はないあなたは、フォントカバーするために画像を使用しない限り： http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/ あなたは同じ技術を使用しますが、オーバーレイ要素に透明グラデーションに色を使用することができます。ここ

は、純粋なCSSと追加要素を持つ例です。http://jsfiddle.net/Lub7z/

Answer 2

ことは可能です。背景画像と背景クリップを組み合わせるだけです。テキスト：ここでthis most excellent exampleを参照してください。

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