Comments on: Pure CSS text gradient (no PNGs) http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/ One place for web typography. Wed, 08 Sep 2010 21:05:28 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: WebProject | Web Design | Web Development| http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1978 WebProject | Web Design | Web Development| Sat, 04 Sep 2010 22:34:21 +0000 http://nicewebtype.com/notes/?p=966#comment-1978 Great Post ! I enjoyed reading it... <a href="http://www.webproject.tv" rel="nofollow"> | Web Design | Web Development | WebProject |</a> Great Post !
I enjoyed reading it…

| Web Design | Web Development | WebProject |

]]> By: noerdy http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1956 noerdy Tue, 10 Aug 2010 18:58:10 +0000 http://nicewebtype.com/notes/?p=966#comment-1956 I appreciate your work, the post is really helpful. It's some pretty great info, I appreciate the information you provided is excellent post. Thank you. I appreciate your work, the post is really helpful. It’s some pretty great info, I appreciate the information you provided is excellent post. Thank you.

]]> By: Marion Holtberg http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1955 Marion Holtberg Sat, 07 Aug 2010 12:02:15 +0000 http://nicewebtype.com/notes/?p=966#comment-1955 With regard to the title Nice Web Type – Pure CSS text gradient (no PNGs), it sort of took me by surprise for a second but finally I get it. I've been wondering similar stuff at my blog <a href="http://sjamessmith.livejournal.com" rel="nofollow">http://sjamessmith.livejournal.com</a>. I'd greatly love your input on what I talk about. Marion Holtberg With regard to the title Nice Web Type – Pure CSS text gradient (no PNGs), it sort of took me by surprise for a second but finally I get it. I’ve been wondering similar stuff at my blog http://sjamessmith.livejournal.com. I’d greatly love your input on what I talk about. Marion Holtberg

]]> By: iPad Prijs http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1953 iPad Prijs Mon, 02 Aug 2010 11:47:08 +0000 http://nicewebtype.com/notes/?p=966#comment-1953 Well done! so great, we can do it just use CSS…awesome thanks for tutor! Well done! so great, we can do it just use CSS…awesome
thanks for tutor!

]]> By: Website Breda http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1950 Website Breda Wed, 28 Jul 2010 16:39:14 +0000 http://nicewebtype.com/notes/?p=966#comment-1950 Hey Brandon, that's a great tip, thanks! I've been looking for some good CSS3 tutorials. I've heard that A List Apart is gonna bring out a CSS3 book. That would be great. Excellent tutorial by the way! Hey Brandon, that’s a great tip, thanks! I’ve been looking for some good CSS3 tutorials. I’ve heard that A List Apart is gonna bring out a CSS3 book. That would be great.

Excellent tutorial by the way!

]]> By: vibe web design http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1946 vibe web design Tue, 20 Jul 2010 07:00:54 +0000 http://nicewebtype.com/notes/?p=966#comment-1946 Thanks, Need to try it out Thanks, Need to try it out

]]> By: Webton Webdesign http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1942 Webton Webdesign Thu, 08 Jul 2010 14:04:48 +0000 http://nicewebtype.com/notes/?p=966#comment-1942 Very nice! I can’t wait until all of the browsers adopt CSS3 and HTML5. Very nice! I can’t wait until all of the browsers adopt CSS3 and HTML5.

]]> By: Brandon Cash http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1932 Brandon Cash Mon, 21 Jun 2010 08:53:28 +0000 http://nicewebtype.com/notes/?p=966#comment-1932 While I appreciate this article, there are easier ways to achieve gradient text in WebKit. There should be no need to specify the text in CSS as well as in your markup, nor the need to nest an element inside (although obviously nesting an anchor inside a header is very useful). I wrote an article on <a href="http://blog.brandoncash.net/post/721300679/css-tip-gradient-text-in-webkit" rel="nofollow">my blog</a>, but here's the gist of how to circumvent these requirements: Instead of having an overlay element with -webkit-mask-image, use -webkit-background-clip: text to clip a -webkit-gradient to the text within an element. Just make the text color transparent to see through to the background and you're done! Hope that helps someone in the future! While I appreciate this article, there are easier ways to achieve gradient text in WebKit. There should be no need to specify the text in CSS as well as in your markup, nor the need to nest an element inside (although obviously nesting an anchor inside a header is very useful).
I wrote an article on my blog, but here’s the gist of how to circumvent these requirements:
Instead of having an overlay element with -webkit-mask-image, use -webkit-background-clip: text to clip a -webkit-gradient to the text within an element. Just make the text color transparent to see through to the background and you’re done!

Hope that helps someone in the future!

]]> By: Beben http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1927 Beben Sat, 19 Jun 2010 14:31:11 +0000 http://nicewebtype.com/notes/?p=966#comment-1927 so great, we can do it just use CSS...awesome thanks for tutor so great, we can do it just use CSS…awesome
thanks for tutor

]]> By: Rosie http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#comment-1871 Rosie Tue, 01 Jun 2010 09:34:05 +0000 http://nicewebtype.com/notes/?p=966#comment-1871 thanks for the share. optimize your site with <a href="http://quintema.co.uk" rel="nofollow">Quintema</a> thanks for the share.

optimize your site with Quintema

]]>