Inicio » Blog

Texto sombreado y en 3D con CSS 327, Sep

Con estos 2 simples pasos lograras texto sombreado y en 3d con css 🙂

<html>  
   <head>  
      <title> Texto 3D </title> 
      <link rel="stylesheet" href="texto.css" type="text/css"> 
   </head> 
   <body class="collage none-bg"> 
      <div id="header"> 
            <h1 class="name-title"> 
           BenzaHosting
          </h1> 
         </div> 
    </body> 
</html>

y luego el css

@charset "utf-8"; 
/* CSS Document */ 
 
#header h1 { 
  font-weight: bold; 
  font-size: 68px; 
  font-family: "Arial"; 
  text-shadow: 0 1px 0 #ccc,  
               0 2px 0 #c9c9c9, 
               0 3px 0 #bbb, 
               0 4px 0 #b9b9b9, 
               0 5px 0 #aaa, 
               0 6px 1px rgba(0,0,0,.1), 
               0 0 5px rgba(0,0,0,.1), 
               0 1px 3px rgba(0,0,0,.3), 
               0 3px 5px rgba(0,0,0,.2), 
               0 5px 10px rgba(0,0,0,.25), 
               0 10px 10px rgba(0,0,0,.2), 
               0 20px 20px rgba(0,0,0,.15); 
  color: #FFF; 
  text-align: center; 
}

Comentarios

Opina con nosotros