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;
}