Загрузка видео...

Не удалось загрузить видео

На главную

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.

emilkowalski's profile picture

Emil Kowalski

73,761 subscribers

665,901 просмотров • 5 месяцев назад •via X (Twitter)

Наука и технологии
LIVE

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.
0:11

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
0:16

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 год назад

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. ❤️
0:16

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 просмотров • 2 месяцев назад

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
0:11

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 просмотров • 2 месяцев назад

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 👇👨‍💻
0:12

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 :)
0:13

🎉 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,979 просмотров • 1 год назад

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

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

TESLA CARS ONLY⚡️

2,614,909 просмотров • 4 месяцев назад

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 ✨
0:19

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,692 просмотров • 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!
0:18

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 просмотров • 6 месяцев назад

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

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

Praveen Kumar

34,248 просмотров • 3 месяцев назад

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

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

Ducker, the SwAxe Ambassador. 🦆

100,183 просмотров • 8 месяцев назад

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
0:11

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 год назад

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:
0:13

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 месяцев назад

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

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

Lu Wilson

509,552 просмотров • 6 месяцев назад

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

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

TESLA CARS ONLY⚡️

278,139 просмотров • 5 месяцев назад

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

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

TESLA CARS ONLY⚡️

114,092 просмотров • 5 месяцев назад

Very alarming glitch on 14.3.3. At the end of the initial back in, FSD slams the brakes unnecessarily, causing the car to drop into rear suspension (you can see it on the screen). After this, instead of going into park, I experienced two additional micro jolts that scared the shit out of me. You can see me hover the brake and almost disengage. The jolts didn’t actually move the car. They were so fast and triggered hard braking that bounced the vehicle, which you can see if you watch closely. Haven’t seen anything like this before. Very alarming.
0:19

Very alarming glitch on 14.3.3. At the end of the initial back in, FSD slams the brakes unnecessarily, causing the car to drop into rear suspension (you can see it on the screen). After this, instead of going into park, I experienced two additional micro jolts that scared the shit out of me. You can see me hover the brake and almost disengage. The jolts didn’t actually move the car. They were so fast and triggered hard braking that bounced the vehicle, which you can see if you watch closely. Haven’t seen anything like this before. Very alarming.

Mike P

35,639 просмотров • 1 месяц назад