Nifty hack: turn text into images with CSS

February 18, 2008

This is a pretty slick CSS effect — hiding images in plain sight. If you’re using Safari or Firefox, this should work for you.

This post looks like plain text, right?

It is, except that many styles have been

applied to the letters. See the styles

and the overall effect by selecting all

of the text in this paragraph.This post

looks like plain text, right? It is, exc

ept that many styles have been applied t

o the letters. See the styles and the ov

erall effect by selecting all of the tex

t in this paragraph.This post looks like

plain text, right? It is, except that m

any styles have been applied to the lett

ers. See the styles and the overall effe

ct by selecting all of the text in this

paragraph.This post looks like plain tex

Interesting, no? Try it for yourself at http://metaatem.net/highlite/. You can select the text width and color to control resolution. BTW, this is the image that is being used as a source:

wyatt-beach1.jpg