-var quote = "If my calculations are correct, when this baby hits 88 miles per hour... you're gonna see some serious shit."

blockquote
  p(data-content=quote)= quote
  cite Dr. Emmet Brown
View Compiled
@import url(https://fonts.googleapis.com/css?family=Oswald:700,300);
html{
  background: linear-gradient(45deg, pink, orange);
  font-size: 62.5%;
}
body{
  display: flex;
  height: 100vh;
  margin: 0;
  padding: 4rem;
  font: 700 normal 160%/1.8 Oswald, sans-serif;
}
blockquote{
  position: relative;
  max-width: 60rem;
  margin: auto;
  background: linear-gradient(45deg, red, blue);
  transform: skew(5deg, 5deg);
  -webkit-background-clip: text;
  > p {
    margin: 0 0 .5em;
    padding: 1rem;
    font-size: 3em;
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1rem;
    -webkit-text-stroke-color: transparent;
    &:before,
    &:after{
      content: attr(data-content);
      position: absolute;
      display: block;
      margin-top: 2rem;
      background: linear-gradient(45deg, red, blue);
      -webkit-background-clip: text;
      -webkit-text-fill-color: white;
      -webkit-text-stroke: 1rem;
      -webkit-text-stroke-color: transparent;
    }
    &:before{
      z-index: 1;
      top: .1rem;
      left: .1rem;
    }
    &:after{
      z-index: 2;
      top: .2rem;
      left: .2rem;
    }
  }
  cite{
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.