gradient-href-01.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

  <head>

    <base href="/"/>

  </head>

  <body bgcolor="lime">

    <svg width="100%" height="100%">

      <defs>

        <linearGradient id="b">

          <stop offset="0" stop-color="lime"/>

          <stop offset="1" stop-color="lime"/>

        </linearGradient>

        <linearGradient id="a" xlink:href="#b"/>

      </defs>

      <rect width="100%" height="100%" fill="red"/>

      <rect width="100%" height="100%" fill="url(#a)"/>

    </svg>

  </body>

</html>