正在加载视频...

视频加载失败

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

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

Hugo

9,448 subscribers

86,188 次观看 • 2 个月前 •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 ʕ•ᴥ•ʔ

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

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,887 次观看 • 3 个月前

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

64,710 次观看 • 3 个月前

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

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

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,992 次观看 • 3 个月前

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

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

387,362 次观看 • 10 个月前

Use this as your daily reminder to hit the wall 😅🥍 Ryan Drenner™

Use this as your daily reminder to hit the wall 😅🥍 Ryan Drenner™

Premier Lacrosse League

10,801 次观看 • 2 年前

Your daily reminder that if Kamala wins she will use the DOJ to shut down X and go after anyone who posted content she doesn’t like.

Your daily reminder that if Kamala wins she will use the DOJ to shut down X and go after anyone who posted content she doesn’t like.

Libs of TikTok

1,898,414 次观看 • 1 年前

MEXICO IS A REALITY CHECK 🚨 When chaos hits, your “assets” get tested for real. Property becomes illiquid. Gold becomes risky to carry. Banks become numbers on a screen. Cash loses meaning when safety disappears. The question is simple… If tomorrow your country faces a crisis or a war escalates globally… what happens to your savings? Real wealth isn’t what looks good in stable times. It’s what survives unstable times. #mexico #mexicocrisis #mexicochaos #mexiconews

MEXICO IS A REALITY CHECK 🚨 When chaos hits, your “assets” get tested for real. Property becomes illiquid. Gold becomes risky to carry. Banks become numbers on a screen. Cash loses meaning when safety disappears. The question is simple… If tomorrow your country faces a crisis or a war escalates globally… what happens to your savings? Real wealth isn’t what looks good in stable times. It’s what survives unstable times. #mexico #mexicocrisis #mexicochaos #mexiconews

CryptoWala

12,066 次观看 • 6 个月前

Your clone mimics your every move, use the level layout to tactically manage your copies to solve puzzles and help the main cat reach the goal portal! Wishlist Copy Cats on Steam! #ScreenshotSaturday #Gamedev #Pixelart

Your clone mimics your every move, use the level layout to tactically manage your copies to solve puzzles and help the main cat reach the goal portal! Wishlist Copy Cats on Steam! #ScreenshotSaturday #Gamedev #Pixelart

Advent

15,819 次观看 • 3 个月前

reminder that if you don't have photoshop, you can use photopea (it's free!! :D) to edit your (psd) stream schedule! ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧

reminder that if you don't have photoshop, you can use photopea (it's free!! :D) to edit your (psd) stream schedule! ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧

𝐑𝐀𝐃𝐈𝐒𝐇 ✧ atorie solace

33,870 次观看 • 1 年前