Published on September 5, 2021

Tutorial: How To Make Your Shape Dividers Change On Scroll

In this video, see how to easily decrease the height of your shape dividers on scroll using a few lines of JavaScript.

You can find the code used in the video here: https://gist.github.com/KittenCodes/5ce62c1455ebd5728eaea489b517de28.

Oxygen is a developer-first visual builder for WordPress, offering pixel-perfect control, advanced interactions, and clean, lightweight code. It helps professionals build fully custom, high-performance sites without the bloat.

Oxygen Builder

Updated on: September 5, 2021

Pixel-perfect design meets WordPress!

Oxygen is the best way to visually design WordPress websites.

If you can build it with WordPress, you can design it with Oxygen.

Lifetime Access
Oxygen Classic + New Oxygen
All Premium Add-Ons
60-Day Money Back Guarantee

Start Designing

See more

Latest updates from Oxygen team.

See all

WP Debug Toolkit vs WP Debugging

Published on March 16, 2026

WP Debug Toolkit vs Debug Bar

Published on March 16, 2026

WP Debug Toolkit vs Debug Log Manager

Published on March 15, 2026

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If you’re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want — no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.