Как отменить анимацию на мобильных устройствах?

Question

[dzenn]

Извините возможно за глупый вопрос, но никогда не приходилось отключать :hover на каком-то расширении ?
Или же просто display none?

Answer 1

[Сергей Горячев]

Переопределение :hover через @madia-запросы.

Как-то так будет лучше.

.block { color: black; }
@media screen and (min-width: 1000px) {
.block:hover { color: blue; }
}

Так вам не нужно будет отменять свойства, вы наоборот сделаете ховер только для больших экранов.

Comments

[dzenn]

Sergey Goryachev просто скрыть ? так как я и думал?

[Сергей Горячев]

dzenn: Нет, :hover нельзя скрыть. Можно только задать те же самые свойства, что указаны для блока изначально. Но я бы советовал в данном случае сделать так: для всего сайта делаем блоки без эффектов наведения, а через медиа запросы, при разрешении экрана например БОЛЬШЕ 1000 пикселей, уже делать ховер. Меньше кода будет.

[dzenn]

Sergey Goryachev: спасибо!