gradient-after-reposition-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<meta charset="utf-8">

<body>

<svg style="border: 1px solid gray;">

  <defs>

    <linearGradient id="testGradient">

      <stop stop-color="#000000" offset="0%"/>

      <stop stop-color="#000000" offset="50%"/>

      <stop stop-color="#3dcd58" offset="50%"/>

      <stop stop-color="#ff4a4a" offset="100%"/>

    </linearGradient>

  </defs>

  <text fill="url(#testGradient)" x="50" y="50" font-weight="bold" font-size="40">

  Test gradient</text>

</svg>

</body>

</html>