<h2 id="text3d">3D Text</h2>
<h2 id="letterpress">Letterpress</h2>
h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 7em;
text-align: center;
}
body {
background: #f9f9f9;
}
#text3d {
font-family: helvetica;
text-transform: uppercase;
text-align: center;
color: #fefefe;
text-shadow: #e7e7e7 3px 5px 0,
#999 4px 6px 3px,
#ccc 8px 11px 10px;
}
#letterpress {
background: #999;
color: transparent;
text-shadow: 0px 1px 3px rgba(250,250,250,0.95);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.