Mozilla Demo Studio

  • Submit a Demo

Space Saver

3-D screen saver text

Built using JavaScript, CSS3,

  • 51 views
  • 0 comments

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.

Register or log in to add your own.

Get the Source Code

Download the Source 86.38 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by lord.xeon