Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

devinsfountain's profile picture

Devin Fountain

5,474 subscribers

174,633 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungKunstWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

HoveR McChicken
0:10

HoveR McChicken

Jeddzie

12,705 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 1 Monat

Hover Exploration №002
0:13

Hover Exploration №002

Matt Hall

36,926 Aufrufe • vor 9 Monaten

Shader hover animation thoughts?
0:12

Shader hover animation thoughts?

Adi

10,837 Aufrufe • vor 24 Tagen

Card hover animation experiment.
0:12

Card hover animation experiment.

Zsolt Kacso

67,951 Aufrufe • vor 19 Tagen

"glowy hover effect" by Ines
0:12

"glowy hover effect" by Ines

CodePen.IO

707,383 Aufrufe • vor 2 Jahren

The New Tesla Hover Bike!
0:14

The New Tesla Hover Bike!

TESLA CARS ONLY⚡️

213,555 Aufrufe • vor 6 Monaten

Review card hover effect 🧡
0:13

Review card hover effect 🧡

Shater Tsavsar ⚡︎

68,557 Aufrufe • vor 7 Monaten

Lil' nav hover
0:10

Lil' nav hover

Benten

146,947 Aufrufe • vor 2 Jahren

Hover, preview, click... 🔭 Now live!
0:19

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

OpenSea

64,773 Aufrufe • vor 2 Jahren

Why CSS Hover Effects Matters!🥰
0:16

Why CSS Hover Effects Matters!🥰

F.O.L.A

22,706 Aufrufe • vor 6 Monaten

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

HOLY MOTHER of hover pack #Helldivers2
0:12

HOLY MOTHER of hover pack #Helldivers2

Helldivers 2 Media

155,427 Aufrufe • vor 1 Jahr

Hover effects for personal website 🎈
0:13

Hover effects for personal website 🎈

Anne Lee

54,771 Aufrufe • vor 3 Jahren

new procreate hover feature has potential
0:15

new procreate hover feature has potential

seel

108,315 Aufrufe • vor 10 Monaten

this is how to avoid hover chaos.
0:13

this is how to avoid hover chaos.

Ali Grids

1,269,190 Aufrufe • vor 3 Monaten

"ASCII Glitch Ripple Hover Effect" by Bastou
0:12

"ASCII Glitch Ripple Hover Effect" by Bastou

CodePen.IO

12,220 Aufrufe • vor 6 Monaten