Használhatod a lebegtetést mobilban?
Pontszám: 4,2/5 ( 36 szavazat )A lebegtetési effektusok tájékoztatják a felhasználókat arról, hogy mit tudnak interakcióba hozni azáltal, hogy vizuális visszajelzést adnak a gombokról. De van egy probléma – a lebegő effektusok az asztali alkalmazásokra vonatkoznak, nem a mobilalkalmazásokra. A mobilokon nincs egéreszköz , így a felhasználóknak nincs lehetőségük a lebegési effektusok használatára.
Mi a teendő a Hover States-vel mobilon?
3 Alternatívák a lebegési effektusokhoz mobileszközökön
- Távolítsa el őket teljesen, és cserélje ki őket az elsődleges művelettel.
- Adjon hozzá egy másodlagos menüt, ahol egyszer megérintheti a lebegtetési effektust, és még egyszer az elsődleges művelethez.
- Helyezze el az egérmutatót a saját oldalára.
Hogyan lehet lebegni az érintőképernyőn?
Mint tudja, a lebegtetési viselkedés nem létezik az érintőképernyős eszközökön . Tehát amikor reszponzív webhelyet tervez, alaposan meg kell terveznie, hogy mikor és hol használja a :hover interakciókat. Azok az egyszerű hivatkozások, amelyek bizonyos URL-eket nyitnak meg, elvesztik :hover hatásukat egyes érintőképernyős eszközökön.
Hol használhatod a hover-t?
A :hover választó az elemek kijelölésére szolgál, amikor rájuk viszi az egeret.
- Tipp: A :hover választó minden elemen használható, nem csak hivatkozásokon.
- Tipp: Használja a :link választót a nem látogatott oldalakra mutató hivatkozások stílusához, a :visited választót a meglátogatott oldalakra mutató hivatkozások stílusához, az :active választót pedig az aktív hivatkozások stílusához.
Közösségi média gombok elemleírással, csak HTML és CSS használatával
16 kapcsolódó kérdés található