正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

jhey ʕ•ᴥ•ʔ

145,970 subscribers

113,025 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);

extra detail: animate a CSS custom property from 0 to 100 on scroll and use that for a counter() label::after { content: counter(complete) '% complete'; } translate the label using container query units ✨ translate: 0 calc(var(--p) * 1cqh);

jhey ʕ•ᴥ•ʔ

77,042 次观看 • 1 年前

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

Derek Briggs

14,903 次观看 • 1 年前

Tip: *only* using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range 🤯

Tip: only using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range 🤯

Minko Gechev

108,676 次观看 • 3 年前

the fact that Caleb is the type of person to scroll his phone using both his index finger and his thumb is somehow incredibly fitting

the fact that Caleb is the type of person to scroll his phone using both his index finger and his thumb is somehow incredibly fitting

Sparrow 🍎 HAPPY 兄VERSARY🐆

62,743 次观看 • 6 个月前

In #Kotlin 1.9, instead of using the "until" infix function to create a range that's exclusive on its upper bound, you can use the new open-ended range operator... or as I like to call it, the alligator operator.

In #Kotlin 1.9, instead of using the "until" infix function to create a range that's exclusive on its upper bound, you can use the new open-ended range operator... or as I like to call it, the alligator operator.

Dave Leeds

34,165 次观看 • 3 年前

BREAKING: You can now edit Grok Imagine creations on the web using a prompt. Type the edit you want and get two new versions in seconds. Try it now!

BREAKING: You can now edit Grok Imagine creations on the web using a prompt. Type the edit you want and get two new versions in seconds. Try it now!

DogeDesigner

44,352 次观看 • 6 个月前

🚨🇷🇺🇺🇦 BREAKING - The Russians are consistently “panicking”. According to the occupiers’ military Telegram channels, Ukraine is now intensively — almost nightly — using domestically produced Neptune-type cruise missiles together with long-range kamikaze drones to strike targets in Crimea, primarily air-defense systems, their radars, and military facilities. Those reports say the northwestern part of the peninsula remains under heavy and continuous pressure from Ukrainian long-range FPV and Lancet-like loitering munitions (a Ukrainian analogue referred to as a BULAVA-type drone). 🔵 The information also claims that Ukraine’s Main Intelligence Directorate (HUR) may be preparing limited landing/raid operations to hit Russian logistics lines and disrupt Russian reserves in various directions. According to some sources, Ukrainian diversionary networks inside Crimea are becoming more active, and there are even claims that Ukraine plans to begin using long-range underwater (submersible) drones. See the latest updates with us: Visioner

🚨🇷🇺🇺🇦 BREAKING - The Russians are consistently “panicking”. According to the occupiers’ military Telegram channels, Ukraine is now intensively — almost nightly — using domestically produced Neptune-type cruise missiles together with long-range kamikaze drones to strike targets in Crimea, primarily air-defense systems, their radars, and military facilities. Those reports say the northwestern part of the peninsula remains under heavy and continuous pressure from Ukrainian long-range FPV and Lancet-like loitering munitions (a Ukrainian analogue referred to as a BULAVA-type drone). 🔵 The information also claims that Ukraine’s Main Intelligence Directorate (HUR) may be preparing limited landing/raid operations to hit Russian logistics lines and disrupt Russian reserves in various directions. According to some sources, Ukrainian diversionary networks inside Crimea are becoming more active, and there are even claims that Ukraine plans to begin using long-range underwater (submersible) drones. See the latest updates with us: Visioner

Visioner

551,944 次观看 • 9 个月前

How do you turn a type specimen into an experience? For Exat, Studio Size pushed the typography showcase beyond the static page, using scroll, motion, and interaction to reveal the logic, range, and character of Hot Type's most ambitious typeface yet:

How do you turn a type specimen into an experience? For Exat, Studio Size pushed the typography showcase beyond the static page, using scroll, motion, and interaction to reveal the logic, range, and character of Hot Type's most ambitious typeface yet:

Codrops

22,058 次观看 • 2 个月前

A Bangladeshi man is urinating into the seawater from one ship. At the same time, on another ship, some Bangladeshis are taking that same water in buckets, washing utensils with it, and even using it to cook food.

A Bangladeshi man is urinating into the seawater from one ship. At the same time, on another ship, some Bangladeshis are taking that same water in buckets, washing utensils with it, and even using it to cook food.

Saffron Chargers

16,380 次观看 • 2 个月前

Based on the WWDC 2026 leaks, I tried to recreate the iOS 27 revamped Siri interaction inside the Dynamic Island in swift ui with lots of different settings and some custom shaders. And yeah, if it’s like that, it will be kinda boring going from a rainbow like ui to a monochrome one.

Based on the WWDC 2026 leaks, I tried to recreate the iOS 27 revamped Siri interaction inside the Dynamic Island in swift ui with lots of different settings and some custom shaders. And yeah, if it’s like that, it will be kinda boring going from a rainbow like ui to a monochrome one.

Tykra

37,825 次观看 • 1 个月前

In the Residencial del Lago area, SEDENA forces opened fire on a CDS/CH armored vehicle using long-range weapons and a Browning machine gun mounted on a DN-XI.

In the Residencial del Lago area, SEDENA forces opened fire on a CDS/CH armored vehicle using long-range weapons and a Browning machine gun mounted on a DN-XI.

Cartel Watch

27,889 次观看 • 2 个月前

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

Tushar

12,555 次观看 • 2 年前

Animate MetaHumans in real time using performances performances captured from most webcams and a wide range of smartphones. Or make some noise and generate real-time animation solely from an audio source, MetaHuman Animator now captures the emotion of a speaker, combining this with the plausible head movement feature for more lifelike results:

Animate MetaHumans in real time using performances performances captured from most webcams and a wide range of smartphones. Or make some noise and generate real-time animation solely from an audio source, MetaHuman Animator now captures the emotion of a speaker, combining this with the plausible head movement feature for more lifelike results:

Unreal Engine

22,417 次观看 • 1 年前

Viktor Hovland was spotted using pool floaties as a training aid on the WMPO range 💀

Viktor Hovland was spotted using pool floaties as a training aid on the WMPO range 💀

Fore Play

29,941 次观看 • 4 个月前

What are you doing on this #SelfCareSaturday? Me and the BFF Chef are in the kitchen using some of my gifted ingredients #AsEverOfficial from the Duchess to make fresh lemon 🍋 custard as seen on #FindingItaly and using the edible flowers from #WithLoveMeghan

What are you doing on this #SelfCareSaturday? Me and the BFF Chef are in the kitchen using some of my gifted ingredients #AsEverOfficial from the Duchess to make fresh lemon 🍋 custard as seen on #FindingItaly and using the edible flowers from #WithLoveMeghan

Sophia A. Nelson

21,528 次观看 • 1 年前

If you are using my UI or are using Cooldown Manager Centered, a new experimental feature just dropped allowing you to see your keypress overlay on the Cooldown Manager! My Free Midnight UI available:

If you are using my UI or are using Cooldown Manager Centered, a new experimental feature just dropped allowing you to see your keypress overlay on the Cooldown Manager! My Free Midnight UI available:

Luxthos

65,579 次观看 • 5 个月前

Custom styles for Infographics are rolling out TODAY! With 10 (!) preset options and the ability to create your own, choose from editorial, clay, brick, fan favorite kawaii 😻, and more! Turn your complex source material into beautiful, easy-to-read visuals with a single click.

Custom styles for Infographics are rolling out TODAY! With 10 (!) preset options and the ability to create your own, choose from editorial, clay, brick, fan favorite kawaii 😻, and more! Turn your complex source material into beautiful, easy-to-read visuals with a single click.

NotebookLM

259,983 次观看 • 4 个月前