Animated Circle Illusion

by JayNick - uploaded on January 11, 2019, 4:50 pm

Center circle does not change size. File contains both SMIL and CSS animations. Default animation is SMIL. Change the .css and .smil styles to change to CSS animation



At present - 01/2019, CSS animation only works in Chrome and Safari because they have added an SVG 2.0 feature where SVG attributes can be animated as well as CSS attributes. Other browsers will probably implement this, so it should work in those browsers at some point



Inspired by a tweet by @clementinehazel on 11/15/18

Tags
optical illusion circles SMIL CSS animation animate STEM STEAM
Safe for Work?
Yes

Use

What Should Go Here?
  • Remix
  • Real world use found (photos)
  • Quotes of how this clipart saved lives :)
  • Another idea?
  • Email to the heart in the footer

Comments

0 Comments. Please login to Comment.