3D Text Tower

CSS-Tricks

Are My Sites Up?

Script & Style

Digging Into WordPress

http://css-tricks.com/3d-text-tower/
Demo | Download

<style type=”text/css”>
   h1,h2,h3,h4 { margin: 0 0 3px 0; }
        h1 { color: white; font: bold 52px Helvetica, Arial, Sans-Serif;
           text-shadow: 1px 1px #fe4902, 2px 2px #fe4902, 3px 3px #fe4902;
           -webkit-transition: all 0.12s ease-out;
           -moz-transition: all 0.12s ease-out;
           -o-transition: all 0.12s ease-out;
        }
        h1:hover {
           position: relative; top: -3px; left: -3px; 
           text-shadow: 1px 1px #fe4902, 2px 2px
 #fe4902, 3px 3px #fe4902, 4px 4px #fe4902, 5px 5px 
#fe4902, 6px 6px #fe4902;
        }
       h2 { color: white; font: bold 34px Helvetica, Arial, Sans-Serif;
        text-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe;
        -webkit-transition: all 0.12s ease-out;
           -moz-transition: all 0.12s ease-out;
           -o-transition: all 0.12s ease-out;
       }
       h2:hover {
           text-shadow: 1px 1px #02a2fe, 2px 2px 
#02a2fe, 3px 3px #02a2fe, 4px 4px 
#02a2fe, 5px 5px #02a2fe, 6px 6px #02a2fe;
       }
       h3 { color: white; font: bold 42px Helvetica, Arial, Sans-Serif;
        text-shadow: 1px 1px #fe4902, 2px 2px #fe4902, 3px 3px #fe4902;
        -webkit-transition: all 0.12s ease-out;
           -moz-transition: all 0.12s ease-out;
           -o-transition: all 0.12s ease-out;
       }
       h3:hover {
           position: relative; top: -3px; left: -3px; 
           text-shadow: 1px 1px #fe4902, 2px 2px 
#fe4902, 3px 3px #fe4902, 4px 4px 
#fe4902, 5px 5px #fe4902, 6px 6px #fe4902;
       }
       h4 { color: white; font: bold 24px Helvetica, Arial, Sans-Serif;
        text-shadow: 1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe;
        -webkit-transition: all 0.12s ease-out;
           -moz-transition: all 0.12s ease-out;
           -o-transition: all 0.12s ease-out;
       }
       h4:hover {
           text-shadow: 1px 1px #02a2fe, 2px 2px 
#02a2fe, 3px 3px #02a2fe, 4px 4px 
#02a2fe, 5px 5px #02a2fe, 6px 6px #02a2fe;
       }
</style>

<h1>CSS-Tricks<h1>


  <h2>Are My Sites Up?<h2>
  
  <h3>Script & Style<h3>

  
  <h4>Digging Into WordPress<h4>