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

No comments yet.

Log in to add your own.

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