http://perpetual.education is a design/programming school. We like to be part of the discussion over here at Dev.to / We have time-slots for free conversations for career advice IRL : )
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?
http://perpetual.education is a design/programming school. We like to be part of the discussion over here at Dev.to / We have time-slots for free conversations for career advice IRL : )
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
.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?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.