Erik Kastner found an interesting use for “CSS3’s selection pseudo element” (supported by Safari and Firefox) and devised a interesting hack that allows you to hide images in texts. You can make every kind of text hide every sort of image, the image will become visible when you select the text. Check out the example that I created, I mashed up a repetition of the text “Sylvia vliegt.” (Dutch for Sylvia is flying) and a Flickr photo;

Is it a bird? Is it plane?

selectionPseudoElement

Go on make your own hidden images with the script Erik Kastner wrote “Text + Image + CSS3 = Crazy Delicious“.

2 Responses to “Use CSS to hide messages or images”

  1. ktguru Says:

    Didn’t know about this use case for CSS3’s selection pseudo element…very cool. (Works great in Opera v9.5b2, too.) ;)


  2. I need thsi plug in, but to not show images, how I could do this modify to not show totally images?


Leave a Reply