Ever since Adobe Flash was determined to be one of the least safe technologies for web development, various strategies for creating animations have emerged. Scalable vector graphics and cascading style sheet animations are two of the most popular strategies in 2019; each has certain pros and cons to consider, but they can also coexist within a project, and even within the same page.
When it comes to evaluating SVG versus CSS animations, the clear winner in terms of quality is SVG; however, this is not a strategy for beginners. Some of the most dazzling web animations published these days are pure SVG code, and they can be found on the websites of major brands. Although vector graphics have made a strong comeback thanks to responsive design, most SVG animations tend to be small and basic because more elaborate projects can become very complex.
CSS and SVG animations are not mutually exclusive. If an existing project already has a small vector graphics logo, for example, it should not be too difficult to animate it. When a project calls for an entire illustration to be animated, such as a cartoon, CSS will make better sense. These two strategies do not cancel each other out.
Since everyone knows that web design and development trends come and go, there is a good chance that SVG animations may one day rule the internet, but this does not mean that designers will have to become coders. We should soon expect solutions to export entire vector graphics animations for web use with adequate libraries. For more information click here https://www.reddit.com/r/web_design/comments/ae76dm/should_i_use_svg_or_css_animation/.