• Теория
  • Теория

Плавные переходы и CSS-фильтры

Теперь рассмотрим применение к фильтрам плавных переходов.

К примеру, можно фильтрами сделать фотографию чёрно-белой и размытой, по наведению убрать эффект фильтра, а само визуальное изменение сделать плавным.

Кстати, у свойства filter значение по умолчанию — none. Воспользуемся им для отмены эффекта фильтра по наведению на фотографию.

Свойство transition-duration подробно рассматривается в части «Плавные переходы».

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Кекстаграм: Начало. CSS-фильтры» тренажёра «Практика: фотоприложение с фильтрами» можно после регистрации и оформления подписки.