Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

"pointer position controls timeline progress" by Tom Miller

CodePen.IO

10,544 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 10 ay önce

progressive blur as an indicator of motion
0:10

progressive blur as an indicator of motion

Jade Franson

108,074 görüntüleme • 1 yıl önce

Beautiful reading Progress Indicator 👏
0:11

Beautiful reading Progress Indicator 👏

Adam KP

2,847,121 görüntüleme • 7 ay önce

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 görüntüleme • 24 gün önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 9 ay önce