CSS media запрос any-hover

Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?

Он предназначен для того что бы некоторые стили работали только на устройствах с мышью, а соответственно на сенсорных экранах не работали.

Пример применения:

@media(any-hover: hover) {
.element: hover {
// ваши стили
}
}

Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье.

#css #features

CSS Loading Animations

Подборка оригинальных загрузчиков на чистом CSS.

#css

Sliding Sign In Sign Up Page

Форма авторизации и регистрации с анимацией переключения между ними.

#css #js

CSS Light Bulb

Создано на чистом CSS, Автор стилизовал тэг body и его псевдо-элементы.

#css

Blossoming Flowers at Magical Night

Анимированная сцена, выполненная с помощью SCSS и JavaScript.

#css #js

Checkbox Animations With Indeterminate State

Анимированный checkbox, выполненный с помощью SVG, CSS и JavaScript.

#css #js

Before/After Image Slider

Слайдер "До/После", выполненный с помощью SVG, CSS и JavaScript.

#css #js

Обработка событий CSS-переходов в JavaScript

В этой статье мы изучим, какие события возникают в DOM при CSS-переходах и как их можно использовать в JavaScript. Рассмотрим несколько примеров на эту тему.

#css #js #ru