Skip to content

Instantly share code, notes, and snippets.

Created Apr 5, 2017
What would you like to do?
Lovely 3D text effect in CSS
<h1 class="d3">

Lovely 3D text effect in CSS

Playing around with text shaddow's in CSS to create a faux 3D effect.

A Pen by Rich on CodePen.


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;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment