How to make speed lines in one tween

Author: Chris Gannon
December 20, 2019
Creating speed lines is a great way to introduce motion into your projects. They are lines that move quickly left to right or top to bottom and make elements appear to be moving quickly.

In this video I will show you how to create a speed line animation that has totally random line lengths, durations and positions, all in one single tween.

You can find the project on Codepen here:…

And yes, I know I typed the colour ‘orange’ twice!
Tags: GSAP, GSAP 3, speed line, Tween

Get a complete Tumult Hype Beginner Workshop for free!

Join our YouTube Channel to always get the latest updates and tutorials

Get your free Starter Kit for Tumult Hype

Tumult Hype

Visit for a free 14-day Trial Version of Tumult Hype