Loading video...

Video Failed to Load

Go Home

depth stack slider - progress indicator - blur + gradient mask on underlying images - pointer, wheel and keyboard controls

tobi_ol's profile picture

tobi

1,539 subscribers

19,875 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

"pointer position controls timeline progress" by Tom Miller
0:12

"pointer position controls timeline progress" by Tom Miller

CodePen.IO

10,544 views • 1 year ago

Neat li'l #CSS gradient trick: A gradient circular chart effect 👀 1. a gradient mask 2. a conic gradient all the details on my blog
0:16

Neat li'l #CSS gradient trick: A gradient circular chart effect 👀 1. a gradient mask 2. a conic gradient all the details on my blog

Adam Argyle

67,513 views • 3 years ago

css trick for the "shine" border 🧑‍🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move
0:18

css trick for the "shine" border 🧑‍🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move

jhey ʕ•ᴥ•ʔ

200,156 views • 10 months ago

progressive blur as an indicator of motion
0:10

progressive blur as an indicator of motion

Jade Franson

108,074 views • 1 year ago

Beautiful reading Progress Indicator 👏
0:11

Beautiful reading Progress Indicator 👏

Adam KP

2,847,121 views • 7 months ago

Fun fact: Apple’s Liquid Glass slider is using fake blur
0:19

Fun fact: Apple’s Liquid Glass slider is using fake blur

SLK15

112,715 views • 24 days ago

Hour 97/100 learning motion Light gradient + progressive blur > black background + opacity
0:11

Hour 97/100 learning motion Light gradient + progressive blur > black background + opacity

Vaun Blu

31,781 views • 1 year ago

Stylized damage mask using ucupaint decal projector to control the gradient
0:16

Stylized damage mask using ucupaint decal projector to control the gradient

passivestar

90,941 views • 2 years ago

new on Framer: pricing slider use this customizable component to showcase pricing tiers with animations and interactive controls. comment "PRICING" and i'll send you the component :)
0:11

new on Framer: pricing slider use this customizable component to showcase pricing tiers with animations and interactive controls. comment "PRICING" and i'll send you the component :)

Framer University

14,891 views • 1 year ago

SwiftUI introduced a new modifier on iOS 26+ that essentially removes the thumb from the Slider and transforms it into a draggable progress bar. Currently, there’s no way to adjust the size of the progress bar. However, by using the scale and other modifiers, we can create a progress bar that is similar to the iOS Volume slider! Modifier: sliderThumbVisibility()
0:10

SwiftUI introduced a new modifier on iOS 26+ that essentially removes the thumb from the Slider and transforms it into a draggable progress bar. Currently, there’s no way to adjust the size of the progress bar. However, by using the scale and other modifiers, we can create a progress bar that is similar to the iOS Volume slider! Modifier: sliderThumbVisibility()

Kavsoft

22,783 views • 1 year ago

circular carousel v5————added keyboard navs, wheel/touchpad control + a11y will finish the docs and publish it soon.
0:16

circular carousel v5————added keyboard navs, wheel/touchpad control + a11y will finish the docs and publish it soon.

daniel petho

25,487 views • 1 year ago

Hmm, I think I prefer the transparent Navigator variant. It simply dims your windows and environment/passthrough instead of using a large blur gradient.
0:14

Hmm, I think I prefer the transparent Navigator variant. It simply dims your windows and environment/passthrough instead of using a large blur gradient.

Luna

11,209 views • 1 year ago

Storefront Web Components let you add Shopify to any site. Web components are easy to embed into any HTML or CSS stack.
0:10

Storefront Web Components let you add Shopify to any site. Web components are easy to embed into any HTML or CSS stack.

tobi lutke

17,006 views • 1 year ago

Upcoming tutorial on The Flutter Way - how to build this custom slider on #Flutter - no package. Used common widgets like 1️⃣ Stack 2️⃣ Transform 3️⃣ AnimationController #animation
0:19

Upcoming tutorial on The Flutter Way - how to build this custom slider on #Flutter - no package. Used common widgets like 1️⃣ Stack 2️⃣ Transform 3️⃣ AnimationController #animation

Abu Anwar

13,906 views • 2 years ago

Introducing the Moneyball Card! 🏀 Each 3-pointer = +4 Points Splash from deep, stack the bag 💰
0:19

Introducing the Moneyball Card! 🏀 Each 3-pointer = +4 Points Splash from deep, stack the bag 💰

Chalkboard

188,338 views • 6 months ago

Launched a Framer component, Gradient Strips, last week. Layered gradients bars with subtle depth and flexible customization options. Really happy with how it turned out.
0:15

Launched a Framer component, Gradient Strips, last week. Layered gradients bars with subtle depth and flexible customization options. Really happy with how it turned out.

Sanna Granqvist

40,105 views • 7 months ago

Best resources, websites, and apps for creatives 👇 - — AI-generated images - — dither effects for images & videos - — 3D mockups - — Framer templates - — macOS dock with widgets - — AI mockup creator - — create motion - — gradient tool
0:10

Best resources, websites, and apps for creatives 👇 - — AI-generated images - — dither effects for images & videos - — 3D mockups - — Framer templates - — macOS dock with widgets - — AI mockup creator - — create motion - — gradient tool

Solt Wagner

26,565 views • 3 months ago

Freshman Colby Richardson using his misses in last nights intrasquads 91 mph sinker up and in miss ➡️ nasty 80 mph slider 📊Slider metrics: 5 inches of depth/11 inches of sweep with 2,700 RPMs Video and overlay ⬇️
0:10

Freshman Colby Richardson using his misses in last nights intrasquads 91 mph sinker up and in miss ➡️ nasty 80 mph slider 📊Slider metrics: 5 inches of depth/11 inches of sweep with 2,700 RPMs Video and overlay ⬇️

Isaac Groffman

15,916 views • 9 months ago