Skip to content

Instantly share code, notes, and snippets.

@CodeMyUI
Created April 5, 2017 00:23
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save CodeMyUI/799bdcfa841419151f140ce454cb8a35 to your computer and use it in GitHub Desktop.
Lovely 3D text effect in CSS
<h1 class="d3">
dovely
</h1>

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.

License.

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