Create Image From Text (HTML + CSS)

By . Filed in Web Tricks

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


This post is published by a staff (editors, interns, sometimes Hongkiat Lim himself) or a guest contributor.