Lovely 3D text effect in CSS

index.html

  <h1 class="d3">
    dovely
  </h1>

lovely-3d-text-effect-in-css.markdown

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.

style.css

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