Line Drawing Animation on Scroll (Motion.page)

Home Elementor Line Drawing Animation on Scroll (Motion.page)

October 28, 2022

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

Links:

Example Line Animation Website:
https://www.hochschwarzwald.de/

Motion.Page Overview:
https://wickydesign.com/animation-builder-for-wordpress/

Purchase Elementor Pro:
https://wickydesign.com/get-elementor

Purchase Motion.Page:
https://motion.page/go/wickydesign/

Purchase Illustrator:
http://clkuk.tradedoubler.com/click?p=264355&a=3228525

Timestamps:

  • 0:00 Introduction
  • 2:22 Create SVG in Illustrator
  • 4:57 Add SVG Code to Elementor Page
  • 7:35 Motion.page 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