Lovely 3D text effect in CSS
Playing around with text shaddow's in CSS to create a faux 3D effect.
<h1 class="d3"> | |
dovely | |
</h1> |
html, body { | |
background: (#fff); | |
} | |
.d3 { | |
margin: 0.5em 0; | |
font-family: "Helvetica Neue", sans-serif; | |
font-size: 8.5em; | |
color: #22313F ; | |
text-align: center; | |
text-transform: uppercase; | |
letter-spacing: 0.03em; | |
text-shadow: -0.05em 0 0 #F22613, 0.05em 0 0 #00FFFF; | |
} | |