Loading video...

Video Failed to Load

Go Home

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's profile picture

Hours

7,312 subscribers

40,370 views • 1 month ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

664,461 views • 5 months ago

OFFICIAL: Rome Blockchain Labs Inc. will launch the Hover lending protocol on #KAVA! Hover ($HOV) will open cross-chain deposits from multiple #Cosmos zones and blockchain networks ⛓️ ⚛️
0:13

OFFICIAL: Rome Blockchain Labs Inc. will launch the Hover lending protocol on #KAVA! Hover ($HOV) will open cross-chain deposits from multiple #Cosmos zones and blockchain networks ⛓️ ⚛️

Kava

14,051 views • 3 years ago

Hover effects for personal website 🎈
0:13

Hover effects for personal website 🎈

Anne Lee

54,955 views • 3 years ago

i had to recreate this animation from because of how cool it is - stagger animation on entry - hover to reveal card contents - masked gradient on text on hover
0:12

i had to recreate this animation from because of how cool it is - stagger animation on entry - hover to reveal card contents - masked gradient on text on hover

Manu Arora

12,010 views • 13 days ago

little details 👨‍🍳 tiny css transition-delay on :hover filters noise and captures intent .text { transition: grid-template-columns 0.2s var(--ease); } button:hover .text { grid-template-columns: 1fr; transition-delay: 0.1s; }
0:14

little details 👨‍🍳 tiny css transition-delay on :hover filters noise and captures intent .text { transition: grid-template-columns 0.2s var(--ease); } button:hover .text { grid-template-columns: 1fr; transition-delay: 0.1s; }

jhey ʕ•ᴥ•ʔ

59,207 views • 7 months ago

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 views • 1 month ago

People finding out that not the same person draws every scene is hilarious to me. Left is the character designer yajima and right is souta yamazaki who follows the manga very closely.
0:23

People finding out that not the same person draws every scene is hilarious to me. Left is the character designer yajima and right is souta yamazaki who follows the manga very closely.

debunkedbyeren

76,220 views • 5 months ago

Dead by Daylight's UI designer Gio recreated the hover effect from Path of Exile 2 in Unreal Engine. Check it out: #PoE2 #PathofExile2 #UnrealEngine5 #unrealengine #animation #3danimation
0:17

Dead by Daylight's UI designer Gio recreated the hover effect from Path of Exile 2 in Unreal Engine. Check it out: #PoE2 #PathofExile2 #UnrealEngine5 #unrealengine #animation #3danimation

80 LEVEL

23,042 views • 1 year ago

Another (cool) demo where I am using the same technique. Demo: via CodePen.IO The border will smoothly stop (always) at the same position on hover. #codepenchallenge
0:19

Another (cool) demo where I am using the same technique. Demo: via CodePen.IO The border will smoothly stop (always) at the same position on hover. #codepenchallenge

CSS by T. Afif

12,022 views • 1 year ago

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 views • 1 year ago

The New Tesla Hover Bike!
0:14

The New Tesla Hover Bike!

TESLA CARS ONLY⚡️

213,591 views • 6 months ago

Did you ever notice the 𝕏 sidebar hover and click targets are much larger than the rendered button? And there are no 'dead click areas' in between the buttons. Imagine how many bangers would get lost if they didn't get this right.
0:15

Did you ever notice the 𝕏 sidebar hover and click targets are much larger than the rendered button? And there are no 'dead click areas' in between the buttons. Imagine how many bangers would get lost if they didn't get this right.

Guillermo Rauch

167,436 views • 10 months ago

url bar exploration • bar materializes on hover • icons drift in from the edges • back/forward arrows shove on click • labels enter/exit directionally on swap • refresh tilts then spins • new tab arrow nudges on hover/click
0:19

url bar exploration • bar materializes on hover • icons drift in from the edges • back/forward arrows shove on click • labels enter/exit directionally on swap • refresh tilts then spins • new tab arrow nudges on hover/click

matt

11,959 views • 1 month ago

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

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

TESLA CARS ONLY⚡️

17,504 views • 3 months ago

NEW GAMEBREAKING TECH WITH THE HOVER JETS!!
0:15

NEW GAMEBREAKING TECH WITH THE HOVER JETS!!

nzofn

305,933 views • 1 year ago

Focus By Demotion a use case for #CSS `:hover > :not(:hover)`
0:15

Focus By Demotion a use case for #CSS `:hover > :not(:hover)`

Adam Argyle

34,575 views • 1 year ago

Someone managed to hover the galacta bots in pre game Via/TheIceboltx
0:17

Someone managed to hover the galacta bots in pre game Via/TheIceboltx

Marvel Rivals Intel

160,944 views • 1 year ago

what an insane difference a year makes sora 1 (left) vs. sora 2 (right) both using the same prompt
0:10

what an insane difference a year makes sora 1 (left) vs. sora 2 (right) both using the same prompt

Matt Shumer

176,434 views • 8 months ago

I absolutely LOVE the new Hover Vehicles 🙌
0:13

I absolutely LOVE the new Hover Vehicles 🙌

Crafty | LEGO Fortnite

14,671 views • 1 month ago