animation through css3 transition

Question

I need to create an animation which is trigerred when the cursor hovers over it. The animation is an acronym which expands to its full form, eg when I hover over "CSS3" . it should expand to "cascading style sheet" with ascading appearing in between the letters "C" and "S" with the letters coming one after the other will it be possible only through CSS3? (Editor notes, I presume he means, like the new letters are typed, rather then just appear all at once)

Answer 1

You can most probably do this with CSS 3.

Here is a hint I made:

Js Fiddle (Hover over the word CSS to see the effect)

This can be made with some classes and just spans. For simplicity I did just use a P-Tag and Span's inside.

Hope this helps!

EDIT

Try setting the speed of the animation to get a different effect. You should also be able to set different timings for the effects (color, text-indent) so the font gets visible when the text-indent has finished