正在加载视频...

视频加载失败

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

reminder to use `scrollbar-gutter: stable` if your layout shifts when the scrollbar disappears

Hugo

6,130 subscribers

82,392 次观看 • 7 天前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

What if the scrollbar went around the corner? 👀 CSS could do that ✨

What if the scrollbar went around the corner? 👀 CSS could do that ✨

jhey ʕ•ᴥ•ʔ

846,918 次观看 • 2 年前

extra little details™ animate a CSS custom property to sync scrollbar-color with the active item ✨ html { scrollbar-color: oklch(65% 0.3 var(--p)) #0000; animation: sync; animation-timeline: --ul; animation-range: entry 50% exit 50% } @keyframes sync { to { --p: 320; } }

extra little details™ animate a CSS custom property to sync scrollbar-color with the active item ✨ html { scrollbar-color: oklch(65% 0.3 var(--p)) #0000; animation: sync; animation-timeline: --ul; animation-range: entry 50% exit 50% } @keyframes sync { to { --p: 320; } }

jhey ʕ•ᴥ•ʔ

61,107 次观看 • 1 年前

curved scrollbar: completed it ✅ CSS + SVG to animate stroke-dashoffset combined with scroll-snap

curved scrollbar: completed it ✅ CSS + SVG to animate stroke-dashoffset combined with scroll-snap

jhey ʕ•ᴥ•ʔ

229,845 次观看 • 1 年前

curved scrollbar 👨‍🍳 powered by GSAP + CSS scroll-snap + SVG

curved scrollbar 👨‍🍳 powered by GSAP + CSS scroll-snap + SVG

jhey ʕ•ᴥ•ʔ

97,915 次观看 • 1 年前

Using layout, scrolling and trim path features in Rive to build a custom scrollbar imagined by Dru. Since the scroll bar is just a vector, you can create any path shape you want and run it on any of our runtimes.

Using layout, scrolling and trim path features in Rive to build a custom scrollbar imagined by Dru. Since the scroll bar is just a vector, you can create any path shape you want and run it on any of our runtimes.

Philip Chung

14,610 次观看 • 1 年前

When LPG disappears, the ‘Gutter Gas Scientist’ finds a solution.

When LPG disappears, the ‘Gutter Gas Scientist’ finds a solution.

Karnataka Congress

19,549 次观看 • 3 个月前

Have you heard of scrollbar-color? It's a nice little progressive enhancement for making scrollbars feel more intentional and integrated into your UI.

Have you heard of scrollbar-color? It's a nice little progressive enhancement for making scrollbars feel more intentional and integrated into your UI.

Una 🇺🇦

12,637 次观看 • 1 年前

small nuance 🧑‍🍳 you don’t always need to leave room for the scrollbar if mask-size < activation range, it may never overlap 👇 it's handy for larger/eased masks over shorter ranges and again, you might like the overlap 🤙

small nuance 🧑‍🍳 you don’t always need to leave room for the scrollbar if mask-size < activation range, it may never overlap 👇 it's handy for larger/eased masks over shorter ranges and again, you might like the overlap 🤙

jhey ʕ•ᴥ•ʔ

20,528 次观看 • 1 个月前

playing with v0 + Midjourney video + 4o ▪️video playback follows scroll (back & forth) ▪️everything fades in only after videos preload ▪️custom minimalistic scrollbar

playing with v0 + Midjourney video + 4o ▪️video playback follows scroll (back & forth) ▪️everything fades in only after videos preload ▪️custom minimalistic scrollbar

Guillermo Rauch

94,522 次观看 • 1 年前

Doing this still gives some minor layout shifts. rather use a absolute positioned flex centered element in a container with the original element to keep track of the width. Gives 0 layouts shifts and also works great with large font weights transitions

Doing this still gives some minor layout shifts. rather use a absolute positioned flex centered element in a container with the original element to keep track of the width. Gives 0 layouts shifts and also works great with large font weights transitions

Dhruvin

63,508 次观看 • 1 个月前

Reminder 🔔 you don't have to know what your purpose is when it comes to your career!!! Like this reminder if it resonated

Reminder 🔔 you don't have to know what your purpose is when it comes to your career!!! Like this reminder if it resonated

The Bossticks

64,733 次观看 • 1 年前

What if Vercel could detect layout shifts for you? And then show you an animation of what exactly changed?

What if Vercel could detect layout shifts for you? And then show you an animation of what exactly changed?

Lee Robinson

196,427 次观看 • 2 年前

Here’s your reminder to use Broadcast camera in MLB The Show 25

Here’s your reminder to use Broadcast camera in MLB The Show 25

Mike Dro

1,244,421 次观看 • 1 年前

Imagine the audacity to go flex in another country when your country is literally in gutter 🤯

Imagine the audacity to go flex in another country when your country is literally in gutter 🤯

Alier Ngeth Jr 🇸🇸

99,537 次观看 • 7 个月前

Your clones mimic your every move, when you run or jump, so do they. Use the level layout to manipulate your copy cats to solve puzzles and help the main cat reach the goal portal! Wishlist Copy Cats on Steam! #screenshotsaturday #gamedev #pixelart

Your clones mimic your every move, when you run or jump, so do they. Use the level layout to manipulate your copy cats to solve puzzles and help the main cat reach the goal portal! Wishlist Copy Cats on Steam! #screenshotsaturday #gamedev #pixelart

Advent

124,660 次观看 • 1 个月前

a quick recording of how I approach dealing with layout shifts

a quick recording of how I approach dealing with layout shifts

James Long

61,021 次观看 • 1 个月前

Chinese 🇨🇳 use Gutter Oil for everyday cooking! It's very fresh! Collected directly from the gutter!

Chinese 🇨🇳 use Gutter Oil for everyday cooking! It's very fresh! Collected directly from the gutter!

WarrenVsCCP | 🇺🇸🇹🇼🇺🇸

19,568 次观看 • 22 天前

Everything in life follows a pattern. 🔃 When you recognize the pattern, fear disappears. When you learn to use the pattern, you gain power. When you create the pattern, you dominate. #UnleashthePowerWithin

Everything in life follows a pattern. 🔃 When you recognize the pattern, fear disappears. When you learn to use the pattern, you gain power. When you create the pattern, you dominate. #UnleashthePowerWithin

Tony Robbins

60,892 次观看 • 1 年前

Coaches when the local beat reporter tells them they should use more Shifts & Motions

Coaches when the local beat reporter tells them they should use more Shifts & Motions

Coach Dan Casey

102,878 次观看 • 2 个月前