Space Saver

3-D screen saver text

Built using JavaScript, CSS3,


More About This Demo From The Author

If you stack a bunch of spans of the same text into the same element but set the translateZ to get progressively smaller (or larger) and you put on a text shadow, you can get a (mostly) seamless 3-D text effect like that old school screen saver.

Lea Verou for the star background
Google Web Fonts for the font

About this Demo

Download the Source 86.38 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by lord.xeon