Animated SVGs can replace heavy animated GIFs with dramatically smaller file sizes while maintaining infinite scalability. The technique involves embedding CSS animations directly within SVG files, which continue to work when loaded via img tags or background-image properties. A zombie accordion example demonstrates 98% file

10m read timeFrom frontendmasters.com
Post cover image
Table of contents
How it worksBackground ImagesMedia QueriesGotchas
1 Comment

Sort: