<style type='text/css'>
h1 {
  text-shadow: 0px -2px 0px #333,
  0px 2px 3px #666;
}
</style>

<h1 contenteditable="true">3D Text</h1>

<style type='text/css'>
h1 {
  text-shadow: 0 1px 0 #bbb,
  0 2px 0 #bbb,
  0 3px 0 #aaa,
  0 4px 0 #aaa,
  0 5px 0 #999,
  0 6px 1px #000,
  0 0px 3px #000,
  0 1px 3px #000,
  0 3px 5px #000,
  0 5px 10px #000,
  0 5px 20px #000;
}
</style>

<h1 contenteditable="true">3D Text</h1>

<style type='text/css'>
h1 {
  text-shadow: 0 0 10px #fff,
  0 0 20px #fff,
  0 0 30px #fff,
  0 0 40px #ff00de,
  0 0 70px #ff00de,
  0 0 80px #ff00de,
  0 0 100px #ff00de,
  0 0 150px #ff00de;
}
</style>

<h1 contenteditable="true">Neon Lights</h1>