Published on July 10, 2022

Tutorial: Making An Image Comparison Slider In WordPress With Oxygen

In this video, follow along as Elijah builds a responsive, lean image comparison slider element from scratch using basic Oxygen elements and a bit of JavaScript & CSS. Learn about CSS properties such as touch-action, user-select, and clip-path, as well as JavaScript techniques incorporating pointer-based events, data attributes, and more.

Oxygen Builder

Updated on: July 10, 2022

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.

Oxygen 4.9.4 RC 1 Now Available

Published on December 1, 2025

Solid Affiliate vs AffiliateWP Detailed Comparison

Solid Affiliate vs AffiliateWP: 2025 Comparison

Published on December 1, 2025

Black Friday Pricing & The Road to Oxygen 6.0 Final

Published on November 27, 2025

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

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.