正在加载视频...

视频加载失败

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

.parent:has(.child:hover) .child:not(:hover) { }

Devin Fountain

5,466 subscribers

174,700 次观看 • 1 年前 •via X (Twitter)

教育艺术科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

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

Adam Argyle

34,575 次观看 • 1 年前

HoveR McChicken

HoveR McChicken

Jeddzie

12,705 次观看 • 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 个月前

Hover Exploration №002

Hover Exploration №002

Matt Hall

36,948 次观看 • 10 个月前

Shader hover animation thoughts?

Shader hover animation thoughts?

Adi

10,896 次观看 • 1 个月前

Card hover animation experiment.

Card hover animation experiment.

Zsolt Kacso

68,974 次观看 • 1 个月前

"glowy hover effect" by Ines

"glowy hover effect" by Ines

CodePen.IO

707,410 次观看 • 2 年前

Review card hover effect 🧡

Review card hover effect 🧡

Shater Tsavsar ⚡︎

68,614 次观看 • 8 个月前

The New Tesla Hover Bike!

The New Tesla Hover Bike!

TESLA CARS ONLY⚡️

213,566 次观看 • 6 个月前

Lil' nav hover

Benten

146,947 次观看 • 2 年前

Hover, preview, click... 🔭 Now live!

Hover, preview, click... 🔭 Now live!

OpenSea

64,779 次观看 • 2 年前

Why CSS Hover Effects Matters!🥰

Why CSS Hover Effects Matters!🥰

F.O.L.A

22,713 次观看 • 6 个月前

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 年前

HOLY MOTHER of hover pack #Helldivers2

HOLY MOTHER of hover pack #Helldivers2

Helldivers 2 Media

155,427 次观看 • 1 年前

Hover effects for personal website 🎈

Hover effects for personal website 🎈

Anne Lee

54,955 次观看 • 3 年前

new procreate hover feature has potential

new procreate hover feature has potential

seel

108,315 次观看 • 11 个月前

this is how to avoid hover chaos.

this is how to avoid hover chaos.

Ali Grids

1,269,371 次观看 • 3 个月前

"ASCII Glitch Ripple Hover Effect" by Bastou

"ASCII Glitch Ripple Hover Effect" by Bastou

CodePen.IO

12,220 次观看 • 7 个月前