clipPath-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" version="1.1">

  <title>Testcase for clipPath with animateTransform</title>

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

  <defs>

    <clipPath id="clip">

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

      <animateTransform attributeName="transform" type="scale" values="1"/>

    </clipPath>

  </defs>

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

  <rect width="100%" height="100%" fill="lime" clip-path="url(#clip)"/>

</svg>