ایجاد گرادینت برای متن سازگار با همه ی مرورگر ها

[ravand]

سلام
من میخوام به متن گرادینت بدم طوری که با همه ی مرورگر ها سازگار باشه.

h1 {
font-size: 72px;
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}



با کروم فقط سازگاره با دیگر مرورگر ها سازگار نیست.
متشکرم.

[پیام حیاتی]

سلام
این پیش کدها رو هم اضافه کن :


-moz
-o
-ms

[ravand]

نمیدونم چرا هر چی پست ارسال میکنم پاک میشه!
منظور شما این روش هست؟


h1 {
font-size: 72px;
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

background: -moz-linear-gradient(#eee, #333);
-moz-background-clip: text;
-moz-text-fill-color: transparent;

background: -o-linear-gradient(#eee, #333);
-o-background-clip: text;
-o-text-fill-color: transparent;

background: -ms-linear-gradient(#eee, #333);
-ms-background-clip: text;
-ms-text-fill-color: transparent;
}

من اینو تست کردم ولی فقط با کروم سازگاره.

[ravand]

این روش با همه ی مرورگر ها سازگار بود:
http://stackoverflow.com/questions/8005447/cross-browser-text-gradient-in-pure-css-without-using-background-image