Gradient text en kleurovergang

.textgradient 
  {
    font-size: 4em;
    color: transparent;
    text-transform: uppercase;
    background: linear-gradient(-45deg, #eeaa52, #e73c6f, #2394d5, #2af3b7);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    box-sizing: border-box;
  }

.textgradientline {-webkit-text-stroke: 4px transparent; color: #fff;}

echo "<div class='textgradient'>gradient vulling</div>";
echo "<div class='textgradient textgradientline'>gradient omlijning</div>";