Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

72,578 subscribers

665,463 görüntüleme • 5 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

🎉 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 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 6 ay önce

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,594 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 ay önce