Line Drawing Animation on Scroll (

Home Elementor Line Drawing Animation on Scroll (

October 28, 2022

In this Elementor and tutorial I will show you how to create a line drawing animation when you scroll down the page.


Example Line Animation Website:

Motion.Page Overview:

Purchase Elementor Pro:

Purchase Motion.Page:

Purchase Illustrator:


  • 0:00 Introduction
  • 2:22 Create SVG in Illustrator
  • 4:57 Add SVG Code to Elementor Page
  • 7:35 Tutorial
  • 12:17 **Bonus Change Line Color on Scroll

*Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

More Free Resources