SVG Animations
simple to advanced
Why?
Scalable
Accessible
Creative
Examples
CSS Icons
Animations
CSS Icons
Animations
- Create
- SVGOMG
- Inline it!
- Animate!
Ginetta
Projects icons
Javascript Animations
- Create
- SVGOMG
- Inline it!
- GSAP / Snap / SVG.js / Vanilla
Ginetta
We simplify – animation
Advanced
Animations
- Create
- Recreate in code: SVG.js
- RAF
- Animate!
Ginetta
Services – Gooey
SVG filters
Sketch
Some geometry
(4 / 3) * Math.tan(Math.PI / 8)
Know more
codepen.io/brunnolou
GSAP GreenSock
@SaraSoueidan
@sarah_edo
FLIP – https://aerotwist.com/blog/flip-your-animations/
deck
By Bruno Lourenço
