Interactive SVG Animations
svg.guide · 717 words · saved by 6 readers
An interactive mini-course on creating SVG animations by Nanda Syahrasyad.
“SVGs are hard.” If you're anything like me, you've always thought of SVGs as a kind of black box; nothing more than a string of code you export from Figma and paste in your code editor, hoping that everything looks right. And sometimes, it does! But other times, something's not quite right. The color is off. The spacing is a little too tight. The icon's not big enough. When these issues come up, you try to fix them—but you can't. Because the SVG code doesn't make sense. Everything you need to know about SVGs and how to animate them. Interactive SVG Animations is the single course you…
saved by
related reading
- animations.devanimations.dev
- Experimenting A New Syntax To Write SVGyuanchuan.dev
- Not a Numbernan.fyi
- Introduction - SVG | MDNdeveloper.mozilla.org
- Anime.js | JavaScript Animation Engineanimejs.com
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Details That Make Interfaces Feel Betterjakub.kr
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- 60fps - UI/UX animation inspiration for mobile & web apps60fps.design
- Magical SVG Techniques — Smashing Magazinesmashingmagazine.com
- 12 Principles of Animationuserinterface.wiki
- GitHub - stanford-cs248/draw-svg: Stanford CS248 Assignment 1: Implement a simple SVG renderergithub.com