Text-gradient

Testing multi-line text gradients on iOS.

by JakobJingleheimer

HTML

<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus elementum eget dolor a egestas. In vitae risus in orci tincidunt fermentum sed quis mi.</h1>

CSS

@font-face {
  font-family: "DAI SC";
  src: url('//www.dragonage.com/styles/fonts/53adf7fe.dai-regular_sc.woff') format('woff');
  font-weight: normal;
}

body {
    background-color: #333;
    padding: 20px;
}

h1 {
    background-image: -webkit-linear-gradient(white 32%, #d9ff8a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f1ffd4;
    font-family: 'DAI SC';
    font-size: 3em;
}