Read time: 7-9 minutes
5
Jul
2020
Wavy Gauge Numbers
Dynamically build a SVG gauge with jumping numbers and link the time to a draggable element.
Real world projects.
If you're tired of theory and basics you've come to the right place. We'll explore practical everyday uses for all this animation code. We'll be building nav menus, sliders, galleries, infographics and more.
Read time: 7-9 minutes
1
Jul
2020
SVG Stretchy Navigation
You'll learn how to move your target from one item to the next with an organic feeling, stretchy-style animation.
Read time: 5-7 minutes
28
Jun
2020
Gooey Navigation
We'll make a gooey shape smoothly glide to a new target via a custom SVG curve.
Read time: 3-4 minutes
23
Jun
2020
Movie countdown animation
Learn how to use a circular mask and a text element counter to create a retro-style SVG movie countdown animation.
Read time: 7-9 minutes
22
Jun
2020
SVG Skill Level Meter
Using a few simple paths, you can create a neat little SVG meter with multiple uses.
Read time: 6-7 minutes
21
Jun
2020
Hamburger button with handwriting
Spice up your next burger button with some animated handwriting and fluid line transformations.
