正在加载视频...

视频加载失败

返回首页

"Easy comparison slider" by Adam Argyle

CodePen's profile picture

CodePen.IO

203,978 subscribers

109,009 次观看 • 2 年前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

8 条评论

ًً 的头像
ًً2 年前

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 的头像
2+2=52 年前

nice!

Matt 的头像
Matt2 年前

This is so so underrated 🔥

Ale 𝕏 的头像
Ale 𝕏2 年前

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

Anton-Piñon 的头像
Anton-Piñon2 年前

@SaveToNotion #tweet #web

Anonymze | Yann 的头像
Anonymze | Yann2 年前

Genius

push2me 的头像
push2me2 年前

Just wow!

Brett Wysocki 的头像
Brett Wysocki2 年前

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.

相关视频

"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 次观看 • 2 年前

Adam Ottavino's slider has returned
0:21

Adam Ottavino's slider has returned

Talkin' Yanks

53,557 次观看 • 1 年前

📽️ 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 次观看 • 1 年前

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,702 次观看 • 1 年前

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 次观看 • 2 年前

Wayne Rooney sacked by Plymouth Argyle
3:38

Wayne Rooney sacked by Plymouth Argyle

FarleyTV

154,604 次观看 • 1 年前

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 次观看 • 2 年前

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 次观看 • 3 年前

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 次观看 • 2 个月前

🗓️ 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 次观看 • 1 年前

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 次观看 • 5 个月前

Argyle are here 💚
2:03

Argyle are here 💚

Plymouth Argyle FC

34,565 次观看 • 1 年前

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 次观看 • 1 年前

That’s easy: Adam Park
0:45

That’s easy: Adam Park

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

45,425 次观看 • 2 年前

🚨 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 次观看 • 1 年前

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 次观看 • 2 个月前

Al Hajj. Argyle.
0:40

Al Hajj. Argyle.

Plymouth Argyle FC

163,081 次观看 • 1 年前

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

Tolaj's fourth and fifth for Argyle! 👊

Plymouth Argyle FC

19,768 次观看 • 9 个月前

Rallsy fires in his first for Argyle 🎯
0:26

Rallsy fires in his first for Argyle 🎯

Plymouth Argyle FC

45,160 次观看 • 6 个月前