Read time: 6-8 minutes
15
Sep
2020
HSLA Color Dials With mapRange()
Using GreenSock's mapRange() utility method, we'll create four dials and interactively change the background color with (hsla).
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
4
Aug
2020
SVG Calligraphy Handwriting Animation
SVG calligraphy can be tricky with varying width strokes and text overlapping itself. Learn how to do it with multiple masks.
Read time: 7-9 minutes
5
Jul
2020
Wavy Gauge Numbers
Dynamically build a SVG wavy gauge with jumping numbers and link the time to a draggable element.
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 for a gooey navigation.
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.
