Published on March 7, 2021

Tutorial: How To Make A Split Slider In Oxygen

In this video, follow along with Elijah and learn how to make a Split Slider using Oxygen’s Slider element. See how to use jQuery in a Code Block to get Animate on Scroll to fire on each slide as it comes into view.

Code Block CSS: https://gist.github.com/Spellhammer/41d8d5049551feaaa9df98e3c939936c

Code Block JS: https://gist.github.com/Spellhammer/30dc62a92ee2cf69c64359e22765be60

Oxygen Builder

Updated on: March 7, 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

Oxygen 6 RC 1 Is Now Available

Published on January 15, 2026

Oxygen 4.9.5 Now Available

Published on December 24, 2025

Oxygen 4.9.4 Now Available

Published on December 24, 2025

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.