Here’s an awesome CSS3 animation effect by Peter Magenheimer. It’s an animated pixel font that is created with 100% pure CSS3, no Javascript or images!

The animation is activated by simply hovering your mouse cursor over a letter. By doing so, a number of pixel elements come in and gather on a specific area of the page and into their respective positions to form the particular letter. Since some pixel elements have a common position for two or more letters, the use of extra elements gets minimized.

Click on the image to try the demo.

Cool, ain’t it?

You can download the source code over at Peter’s GitHub page. Enjoy!

Incoming search terms for the article:

• pixel font
• pixel letters
• cool font
• pixelfont
• cool fonts animated
• pixel font generator
• cool font letters
• css3 position
• Code an Awesome Animated Download Button With CSS3
• awesome pixel font