正在加载视频...

视频加载失败

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

You might’ve seen this bug before where the hover state keeps flickering. The fix is to separate the trigger from the effect. Listen for hovers on the parent, but animate a child element instead. This ensures that the hover area stays consistent.

Emil Kowalski

70,392 subscribers

664,461 次观看 • 4 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

How have I never noticed that macOS' menu bar "shares" space between menu items for the hover state? I don't think I've ever seen this before. Normally I'd expect each item to have its own reserved space for the hover state.

How have I never noticed that macOS' menu bar "shares" space between menu items for the hover state? I don't think I've ever seen this before. Normally I'd expect each item to have its own reserved space for the hover state.

Anthony Hobday

383,494 次观看 • 1 年前

little details: the intention of CSS :hover 👆 a::after { transition: scale 0.26s; } a:is(:hover, :focus-visible)::after { transition-delay: 0.125s; } add a small transition-delay so you don't trigger :hover events whilst passing over an element unintentionally

little details: the intention of CSS :hover 👆 a::after { transition: scale 0.26s; } a:is(:hover, :focus-visible)::after { transition-delay: 0.125s; } add a small transition-delay so you don't trigger :hover events whilst passing over an element unintentionally

jhey ʕ•ᴥ•ʔ

39,646 次观看 • 1 年前

For the hat trick, here's my third horrible Safari bug of the day… Registering custom properties with the right type causes this element to change height for a second on hover 👍 So I guess we can't support gradient transitions in v4 🫠

For the hat trick, here's my third horrible Safari bug of the day… Registering custom properties with the right type causes this element to change height for a second on hover 👍 So I guess we can't support gradient transitions in v4 🫠

Adam Wathan

47,823 次观看 • 1 年前

Some hover states might be hurting your website's mobile experience. On mobile, hover states gets stuck when users tap on them. This CSS media query fixes that: @ media (hover: hover) { .card:hover { opacity: 0.5; } } With that, the hover transitions will only apply for devices that actually supports hovering. If you found this one useful, follow for more. ❤️

Some hover states might be hurting your website's mobile experience. On mobile, hover states gets stuck when users tap on them. This CSS media query fixes that: @ media (hover: hover) { .card:hover { opacity: 0.5; } } With that, the hover transitions will only apply for devices that actually supports hovering. If you found this one useful, follow for more. ❤️

Ali

26,692 次观看 • 1 个月前

tiny footer interaction tip left: hover follows the text area right: hover follows the whole row same spacing, no dead zones fast in, slow out 1 prompt fix on client's website

tiny footer interaction tip left: hover follows the text area right: hover follows the whole row same spacing, no dead zones fast in, slow out 1 prompt fix on client's website

Hours

40,370 次观看 • 1 个月前

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻

An awesome CSS trick is to use :hover on the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻

David Mráz

16,879 次观看 • 1 年前

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)

Framer University

20,975 次观看 • 1 年前

TESLA hover bike hitting the sands on Dubai. The future is awesome. Who else wants this?

TESLA hover bike hitting the sands on Dubai. The future is awesome. Who else wants this?

TESLA CARS ONLY⚡️

2,613,971 次观看 • 4 个月前

TESLA hover scooter in action on a highway. The future is amazing. Who else wants this?

TESLA hover scooter in action on a highway. The future is amazing. Who else wants this?

TESLA CARS ONLY⚡️

17,504 次观看 • 3 个月前

using CSS grid you can avoid width change in the parent container whilst making it responsive 🤙 the trick: update and transition the grid-template-columns for the list on :focus/:hover ✨

using CSS grid you can avoid width change in the parent container whilst making it responsive 🤙 the trick: update and transition the grid-template-columns for the list on :focus/:hover ✨

jhey ʕ•ᴥ•ʔ

270,534 次观看 • 1 年前

CS2 Bug: If you change the display mode while on the Team Intro UI, the interface stays on screen for the entire round. Only solution is to disconnect. CS2, please fix. Thanks!

CS2 Bug: If you change the display mode while on the Team Intro UI, the interface stays on screen for the entire round. Only solution is to disconnect. CS2, please fix. Thanks!

Thour

74,610 次观看 • 5 个月前

This is how you make a 3d card hover effect in Framer. Tutorial.

This is how you make a 3d card hover effect in Framer. Tutorial.

Praveen Kumar

34,040 次观看 • 2 个月前

YOU CAN HOVER WITH THE BROOMSTICK IF YOU GO FROM A HIGH PLACE

YOU CAN HOVER WITH THE BROOMSTICK IF YOU GO FROM A HIGH PLACE

Ducker, the SwAxe Ambassador. 🦆

100,183 次观看 • 7 个月前

Source: Tangledtitty🛸 jerry_official88 Location: 📍AZ, USA 🇺🇸 Multiple UFO UAP Orbs Drones seen hovering over the residential area…👀🛸 These UAP can hover for long periods of time and fly also which leads people to think they are drones but where is the energy source that can last over several hours if not days. The government is pretending like they have this under control but they don’t. They are everywhere. Seen on X

Source: Tangledtitty🛸 jerry_official88 Location: 📍AZ, USA 🇺🇸 Multiple UFO UAP Orbs Drones seen hovering over the residential area…👀🛸 These UAP can hover for long periods of time and fly also which leads people to think they are drones but where is the energy source that can last over several hours if not days. The government is pretending like they have this under control but they don’t. They are everywhere. Seen on X

Just

62,012 次观看 • 1 年前

any time i see an animation on hover i check for this bug

any time i see an animation on hover i check for this bug

Lu Wilson

509,542 次观看 • 6 个月前

Most men crumble the second a woman looks at them. They hover. They stutter. They ask boring questions. The guys women commit to? They do this instead:

Most men crumble the second a woman looks at them. They hover. They stutter. They ask boring questions. The guys women commit to? They do this instead:

Jack Peach | Dynastic Dating

62,198 次观看 • 9 个月前

TESLA hover ride in action. The future is awesome. Who else wants this?

TESLA hover ride in action. The future is awesome. Who else wants this?

TESLA CARS ONLY⚡️

278,018 次观看 • 4 个月前

Tesla hover bike in action. The future is awesome. Who else wants this?

Tesla hover bike in action. The future is awesome. Who else wants this?

TESLA CARS ONLY⚡️

114,074 次观看 • 4 个月前

Browns passing up on the Ohio guy and letting him go to the Steelers instead. Where have I seen this before?

Browns passing up on the Ohio guy and letting him go to the Steelers instead. Where have I seen this before?

Baku 🐧

113,896 次观看 • 1 年前