Create Image From Text (HTML + CSS)

Advertisement

create image from text

Here’s something really fun to impress your friends. Folks at metaatem came out with a simple web service that allows you to turn an image into HTML.

Here’s how it works. Enter some text (single word or paragraphs), enter the url of an image and hit generate. What you’ll get as output is a bunch of texts (you’ve enter earlier) and here’s the interesting part – when you highlite over the text, the image appears (Check out the image above).

If showing the text doesn’t seems appealing, reverse it by showing image, and show text only when it’s highlited. You can also download the codes and display them on your website. Pretty neat and interesting trick.

To get a better idea, check out my experiment.

metaatem via Digg

Related Contents

Sponsors

Posted by hongkiat in Web Tricks , at 02.18.08

Tags: , ,

Comments

  1. Booto February 18th, 2008

    I know it before u

    Reply
  2. Geek Mother February 21st, 2008

    Wow, love it. Best thing since the rasterbator.com that prints huge black and white collages from images, remember that one?

    Reply
  3. Geek Mother February 21st, 2008

    Ooops the url for the rasterbator has changed to

    http://homokaasu.org/rasterbator/

    Do yourself a Marilyn Monroe! or an instand Andy Warhol look alike.

    Reply

Leave a reply