Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 5 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 🫠
0:17

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Jahr

🎉 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,975 Aufrufe • vor 1 Jahr

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,841 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 6 Monaten

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,229 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 9 Monaten

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,079 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 5 Monaten

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

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

Baku 🐧

113,896 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Monat