HTML und CSS · Junior · Frage 63 von 75
Wie wendet man Hover-Styles nur auf Geräten an, die wirklich hovern können?
@media (hover: hover) {
.card:hover { transform: translateY(-2px); }
}- 1Auf Smartphones werden Hover-Styles automatisch ignoriert
- 2Sie in
@media (hover: hover)packen - 3
:activestatt:hoververwenden
Antwort zeigen
Richtige Antwort: Sie in @media (hover: hover) packen
Erklärung
Auf Touchscreens kann ein Tippen :hover „hängen“ lassen, bis der Nutzer woanders tippt. Die Media Features hover und pointer erlauben, fähige Geräte gezielt anzusprechen.