Текст с градиентом

вертикальный градиент у текста для вебкита

HTML

<h1><a href="#">Filthy</a></h1>

CSS

h1 {
  position: relative;
    font-family: Arial;
    foont-weight:bold;
  font-size: 300px;
  line-height: 300px;
  }
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
  position: absolute;
  top: 0; z-index: 2;
  color: #d12;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  }
h1:after {
  content: "Filthy";
  color: #000;
  }