Верстка · Junior · Запитання 63 з 75
Як застосовувати hover-стилі лише на пристроях, які справді вміють наводити курсор?
@media (hover: hover) {
.card:hover { transform: translateY(-2px); }
}- ✓Правильна відповідь: Обгорнути їх у
@media (hover: hover) - 2Використовувати
:activeзамість:hover - 3На телефонах hover-стилі ігноруються автоматично
Пояснення
На сенсорних екранах після тапу :hover може «залипнути», доки користувач не торкнеться іншого місця. Медіафічі hover і pointer дають змогу націлитися на відповідні пристрої.