Comments on: CSS3 Background-Clip & @Font-Face

By: Micha Posthumus

Micha Posthumus — Thu, 25 Aug 2011 11:57:06 +0000

That’s pretty cool! Quoting Lebowski, is always a nice thing to do! “It’s a league game, Smokey”

By: Andy Foley

Andy Foley — Sat, 30 Jul 2011 10:18:50 +0000

I played around with this tutorial and made this blog post about it
http://www.andyfoley.co.uk/post.php?blog=0229

By: Max Wheeler

Max Wheeler — Tue, 28 Dec 2010 05:37:48 +0000

Nice article, Trent. Just wanted to let you know I’d used this technique on a little site I built a couple of weeks back: http://dispatch.decafsucks.com/

By: AEM

AEM — Wed, 08 Dec 2010 21:46:29 +0000

SVG emulation of -webkit-background-clip:text (except IE):
http://www.myadzel.ru/tests/html/text-background/

By: Tiago Pedras

Tiago Pedras — Sat, 18 Sep 2010 14:47:52 +0000

Lovely use of the property you found there!
I would never come up with such use for that CSS rule =)

By: Trent

Trent — Thu, 19 Aug 2010 18:43:19 +0000

@davide: Yup... mentioned that in the 2nd paragraph :)

By: davide

davide — Thu, 19 Aug 2010 18:40:49 +0000

it doesn’t work on FF

By: Karl Noelle

Karl Noelle — Thu, 19 Aug 2010 01:32:54 +0000

@Trent: hah! …and then, after you CSS it, you can say "don't breathe this, it's CSS dust." I'm looking forward to it :)

By: Nick

Nick — Mon, 07 Jun 2010 11:24:33 +0000

A way to avoid repetition and keep your content out of the css is to use the title attribute of the element, so instead of:

.css:after {content:“CSS Three”;}

use

.css:after {content:attr(title);}

This promotes semantic markup as well as keeping your content strictly in the html.

More info here...
http://sixrevisions.com/css/snazzy-hover-effects-using-css/

By: Trent

Trent — Sat, 10 Apr 2010 23:22:01 +0000

Frank, Thanks for bringing that up. Just the kick in the pants I needed to incorporate Jess Brown's improvement.