I am not sure of any name for this effect but many of you should have seen an animation of text where the text appears to be written on the page by someone in real-time.
What i mean is, suppose that we have a website banner and when the website loads, the website name should appear on banner as if it is written there…
I don’t know how to make myself clear because i only have a vague idea of this.
Imagine that you are writing some heading name on a white board with a marker. Now if i take a video of you writing the whole thing and then somehow edit it so that you and the marker are invisible, what we will get is just text being shown progressively as if its being written there. Got it?
You could probably do something like it by stacking two divs on top of each other (with the bottom being your text and the top being a block that matches your background). Then use jQuery to reduce the width of the top div until it disappears, revealing all of your text. This wouldn’t look like handwriting, but could create a wipe.
You could get more complex with it, but it’d get difficult really fast.
You might also want to investigate the canvas element, but be warned that it isn’t fully supported yet.