An education consultancy focused on researching, designing, building, and testing cutting-edge curriculum, running bold experiments to innovate learning.
Yes, you are correct. What I used for animation here is just CSS. However, I can put the entire code in a .svg file and can use it like any other image type. The CSS will not leak out of the image and the SVG will hold its animation. I can use this SVG file as a background to any of my DOM elements. And I can also apply any CSS transformation on it. Just like how I would do to any other image. Does that sound fair enough to call it an animated SVG?
An education consultancy focused on researching, designing, building, and testing cutting-edge curriculum, running bold experiments to innovate learning.
This is really cool. Isn't it really just a CSS animation though? The SVG doesn't really animate so much as it's bounding box.
Yes, you are correct. What I used for animation here is just CSS. However, I can put the entire code in a
.svgfile and can use it like any other image type. The CSS will not leak out of the image and the SVG will hold its animation. I can use this SVG file as a background to any of my DOM elements. And I can also apply any CSS transformation on it. Just like how I would do to any other image. Does that sound fair enough to call it an animated SVG?It is definitely and SVG that is moving - and it's a really neat way to get that kinda of feel into a markdown file.