Skip to content

Instantly share code, notes, and snippets.

@ccprog

ccprog/hover.svg

Created August 30, 2017 19:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ccprog/ae3e2fa676cf902a1e33622e695acbb8 to your computer and use it in GitHub Desktop.
Save ccprog/ae3e2fa676cf902a1e33622e695acbb8 to your computer and use it in GitHub Desktop.
Download ZIP
a strange animation behavior
Display the source blob
Display the rendered blob
Raw
hover.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@ccprog
Copy link
Author

ccprog commented Aug 30, 2017

path #ar (the arrow) is referenced twice:

  • in a directly rendered <use> element. In Firefox 55, the animateTransform animation is not shown.
  • as a <use> element inside a <mask>. In Firefox 55, the animateTransform animation is visible on the masked element (stenciled into the red shape).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment