My first pen

index.html

<h1>Hello World!</h1>

<h1>Classy Gold Text using only CSS</h1>
<h2>www.driver76.se</h2>
<div class="gold"></div>

my-first-pen.markdown

My first pen

It is a tutorial with some minor changes.

A Pen by Orjan Skoglund on CodePen.

License.

style.scss

  @import url(https://fonts.googleapis.com/css?family=Arvo);

h1, h2 {
  margin-left: 50px;
  font-family: 'Arvo';
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 30px;
}


h1, h2  {

  color:    #D5AD6D; /*if no support for background-clip*/
    
    background: -webkit-linear-gradient(transparent, transparent),
             -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}