Loading video...

Video Failed to Load

Go Home

"Easy comparison slider" by Adam Argyle

CodePen's profile picture

CodePen.IO

203,978 subscribers

109,009 views • 2 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

8 Comments

ًً's profile picture
ًً2 years ago

Cool! But not smooth. However, easily fixed by setting the step attribute to 0.1 <input type="range" id="range" step="0.1">

2+2=5's profile picture
2+2=52 years ago

nice!

Matt's profile picture
Matt2 years ago

This is so so underrated 🔥

Ale 𝕏's profile picture
Ale 𝕏2 years ago

Very cool effect! The transition between the before and after images is smooth and aesthetically pleasing.

Anton-Piñon's profile picture
Anton-Piñon2 years ago

@SaveToNotion #tweet #web

Anonymze | Yann's profile picture
Anonymze | Yann2 years ago

Genius

push2me's profile picture
push2me2 years ago

Just wow!

Brett Wysocki's profile picture
Brett Wysocki2 years ago

I love this, is there any steps to help with ADA compliance? I haven't implemented yet, but interested if someone has any experience with something like this.

Related Videos

"Always great grid - CSS grid + :has() + view transitions" by Adam Argyle
0:20

"Always great grid - CSS grid + :has() + view transitions" by Adam Argyle

CodePen.IO

80,298 views • 2 years ago

Adam Ottavino's slider has returned
0:21

Adam Ottavino's slider has returned

Talkin' Yanks

53,557 views • 1 year ago

📽️ We spoke to Adam Randell, prior to his departure. You can watch that video now, on Argyle TV.
0:28

📽️ We spoke to Adam Randell, prior to his departure. You can watch that video now, on Argyle TV.

Plymouth Argyle FC

60,996 views • 1 year ago

11th January: Adam Forshaw has his contract terminated at Plymouth Argyle 15th February: Adam Forshaw scores for Blackburn against Plymouth Argyle This is how he celebrates 🤣🤣🤣
0:59

11th January: Adam Forshaw has his contract terminated at Plymouth Argyle 15th February: Adam Forshaw scores for Blackburn against Plymouth Argyle This is how he celebrates 🤣🤣🤣

Second Tier podcast

3,913,678 views • 1 year ago

1️⃣0️⃣0️⃣ club appearances. Last minute winner. First goal at Home Park. Adam Randell. #pafc
0:57

1️⃣0️⃣0️⃣ club appearances. Last minute winner. First goal at Home Park. Adam Randell. #pafc

Plymouth Argyle FC

190,293 views • 2 years ago

Wayne Rooney sacked by Plymouth Argyle
3:38

Wayne Rooney sacked by Plymouth Argyle

FarleyTV

154,604 views • 1 year ago

Adam Wainwright explaining a Sweeper and why it's different from a traditional Slider. Thank you Adam Wainwright 👏👏
1:08

Adam Wainwright explaining a Sweeper and why it's different from a traditional Slider. Thank you Adam Wainwright 👏👏

Rob Friedman

3,771,595 views • 2 years ago

Yeah, that's a disappearing slider alright. Adam Muirhead 🤐 #SicEm 🐻⚾️ | #Together
0:26

Yeah, that's a disappearing slider alright. Adam Muirhead 🤐 #SicEm 🐻⚾️ | #Together

Baylor Baseball

12,731 views • 3 years ago

Side by side comparison : ANA B787 electric dimmable window vs Air France A350. First one (ANA) has that solid physical button you just press. Second has the touch slider(Air France) To me the Air France touch slider straight-up looks like a nightmare... feels like it could easily malfunction with one wrong tap or some condensation. Which one would you rather have Button or slider?
1:00

Side by side comparison : ANA B787 electric dimmable window vs Air France A350. First one (ANA) has that solid physical button you just press. Second has the touch slider(Air France) To me the Air France touch slider straight-up looks like a nightmare... feels like it could easily malfunction with one wrong tap or some condensation. Which one would you rather have Button or slider?

Fahad Naim

188,087 views • 2 months ago

🗓️ 11 januari: Adam Forshaw's contract bij Plymouth Argyle ontbonden ⚽️ 15 februari: Adam Forshaw scoort voor Blackburn Rovers tegen Plymouth Argyle Dit is hoe hij het vierde, recht voor de staf en bank van Plymouth 🤣 #ViaplayVoetbal #Championship
0:37

🗓️ 11 januari: Adam Forshaw's contract bij Plymouth Argyle ontbonden ⚽️ 15 februari: Adam Forshaw scoort voor Blackburn Rovers tegen Plymouth Argyle Dit is hoe hij het vierde, recht voor de staf en bank van Plymouth 🤣 #ViaplayVoetbal #Championship

Viaplay Sport Nederland

46,359 views • 1 year ago

Easy hairstyles by Adam Rose. Kind of makes me wish I had long hair again.
1:05

Easy hairstyles by Adam Rose. Kind of makes me wish I had long hair again.

Linda

542,881 views • 4 months ago

Argyle are here 💚
2:03

Argyle are here 💚

Plymouth Argyle FC

34,565 views • 1 year ago

The most important effect of Trump’s victory: a revival of national self-confidence. Once we get that back, the rest becomes easy by comparison.
1:50

The most important effect of Trump’s victory: a revival of national self-confidence. Once we get that back, the rest becomes easy by comparison.

Vivek Ramaswamy

416,333 views • 1 year ago

🚨 David Friio: My Argyle Life 🇫🇷 A genuine honour to be joined by Argyle legend David Friio to discuss his time at Plymouth Argyle. YouTube - 4pm Tuesday Podcast Platforms - 5am Wednesday 👉 #pafc | David Friio
1:00

🚨 David Friio: My Argyle Life 🇫🇷 A genuine honour to be joined by Argyle legend David Friio to discuss his time at Plymouth Argyle. YouTube - 4pm Tuesday Podcast Platforms - 5am Wednesday 👉 #pafc | David Friio

Argyle Life / Green & White Podcast

41,980 views • 1 year ago

That’s easy: Adam Park
0:45

That’s easy: Adam Park

🇰🇪 SentaiFive (戦隊ファイヴ) 🟢⚫️

45,425 views • 2 years ago

React Elastic Slider component - Inspired by the Slider in DialKit (joshpuckett) - Built while learning from the “Creating a Slider Component” lesson in Interface Craft (joshpuckett) Install with shadcn CLI: npx shadcn add @ncdai/elastic-slider
0:30

React Elastic Slider component - Inspired by the Slider in DialKit (joshpuckett) - Built while learning from the “Creating a Slider Component” lesson in Interface Craft (joshpuckett) Install with shadcn CLI: npx shadcn add @ncdai/elastic-slider

Chánh Đại

15,137 views • 2 months ago

Al Hajj. Argyle.
0:40

Al Hajj. Argyle.

Plymouth Argyle FC

163,081 views • 1 year ago

Tolaj's fourth and fifth for Argyle! 👊
0:26

Tolaj's fourth and fifth for Argyle! 👊

Plymouth Argyle FC

19,768 views • 9 months ago

Rallsy fires in his first for Argyle 🎯
0:26

Rallsy fires in his first for Argyle 🎯

Plymouth Argyle FC

45,160 views • 6 months ago