CSS3 LUZ NEON DE TRON "ALL SHADOW"

EFECTO LUZ NEON

Utilizando las virtudes de css3 comenze a crear cositas muy cheveres para distraerme y practicar, asi que quize ahcer el efecto de la luz de neon en css3 y pues aqui esta el codigo completo si le gusta comparta y sigame en twitter

CÖDIGO HTML

  
 
 

  

   

    

   
  
 

 
HAYDER ESPINOZA @hayderespit

CÓDIGO CSS3

*{
   padding:0;
   margin:0;
  }
  body{
   background:#222 url('tronfondo.jpg') repeat;
  }
  .luz-superior{
   background-color:#fff;
   -webkit-box-shadow:           0px 0px 40px rgb(8, 213, 248),
    inset 0px 0px 10px rgb(8, 213, 248),
    inset 0px 0px 20px rgb(8, 213, 248),
    inset 0px 0px 30px rgb(8, 213, 248);
  }
  .luz-interior{
   background:#222 url('tronfondo.jpg') repeat;
   -webkit-box-shadow:
    0px 0px 10px rgb(8, 213, 248),
    0px 0px 20px rgb(8, 213, 248),
    0px 0px 30px rgb(8, 213, 248),
    0px 0px 40px rgb(8, 213, 248),
    inset 0px 0px 40px rgb(12, 195, 200);
  }
  .capa1{
   width:200px;
   height:200px;
   -webkit-border-radius:50%;
   position:relative;
  }
  .capa2{
   width:175px;
   height:175px;
   -webkit-border-radius:50%;
   position:absolute;
   top:12px;
   left:12px;
  }
  .capa3{
   width:120px;
   height:120px;
   -webkit-border-radius:50%;
   position:absolute;
   top:27px;
   left:27px;
  }
  .capa4{
   width:90px;
   height:90px;
   -webkit-border-radius:50%;
   position:absolute;
   top:15px;
   left:15px;
  }
  .uno{
   position:absolute;
   top:160px;
   left:180px;
  }
  .cola{
   width: 210px;
   height:200px;
   background-color:rgba(41, 209, 238, 0.28); 
   position:absolute;
   top:160px;
   left: 160px;
   -webkit-border-radius:50%;
  }
  .nombre{
   font-family: 'calibri';
      color:rgba(41, 209, 238, 0.6); 
   width:800px;
   height: 200px;
   font-size:7em;
   text-shadow:
    0 0 1px #fff,
    0 0 10px rgb(41, 209, 238);
   position:absolute;
   top:130px;
   left:450px;
  }