Inicio » Blog

Texto sombreado y en 3D con CSS 3 27, 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;  }