Hide pictures in selectable text with CSS hack

Through a clever use of the "selection" CSS attribute, you can make blocks of text that turn into blocky artwork when selected. Link

Update: Erik sez, "Thanks for linking to my little demo of css3. After making that one, I made one that allows you to supply an image and text and it generates it for you."

[#1 posted by Clay , February 18, 2008 3:11 PM]

While you could hand code something like this, the example is obviously using a script of some sort to generate the final HTML+CSS.

But, I checked the guy's blog, and he also has the script on his site to make your own, instantly!

http://metaatem.net/highlite/

[#2 posted by kastner , February 18, 2008 3:21 PM]

Wow, a post on Boing Boing. This RULES!
Like Clay said, by going here:
http://metaatem.net/highlite/

you can create your own (It's also NOT on a work server where this one is.... )

[#3 posted by Cheqyr , February 18, 2008 3:25 PM]

And hidden pr0n images will start appearing in on webpages across the world in 3 ... 2 ... 1 ... NOW.

[#4 posted by Clay , February 18, 2008 3:30 PM]

Ok, this is way too much fun... I made one with an excerpt from the DMCA!

http://www.ns-ae.net/wp-content/uploads/2008/02/boingboingcss.html

[#5 posted by kastner , February 18, 2008 3:42 PM]

I really like what Andy Baio (waxy.org) did with this one: OBAMA
http://tinyurl.com/3cojhw