radialGradient-basic-04.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg">

  <title>Testcase for gradient with offset focal point</title>

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=828157 -->

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

  <radialGradient id="g" r="50%" fy="0%">

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

    <stop stop-color="lime" offset="100%"/>

    <stop stop-opacity="0" offset="100%"/>

  </radialGradient>"

  <circle cx="50" cy="50" r="48" fill="red"/>

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

</svg>