Всплывающее модальное окно — достаточно удобный инструмент и часто используемый на сайтах. С помощью него можно выводить форму подписки, регистрации и многое другое.
Привожу простой пример, как сделать плавно всплывающее модальное окно на CSS без скриптов.
Эффект переворачивания изображения выглядит следующим образом: мы наводим курсор мыши на картинку и та поворачивается обратной стороной, на которой мы видим текст.
В этой статье я покажу как создать анимированную CSS открытку на 14 февраля. При создании CSS открытки используются keyframes анимация и свойство transform CSS.
В отличие от свойств transform и transition правило @keyframes позволяет анимировать изображения без участия пользователя. Т.е. keyframes анимация происходит на странице сайта сама по себе, независимо от того делаем ли мы какие-то действия мышкой.
В этом уроке мы продолжим изучать способы анимации изображений. Рассмотрим свойство анимации изображений filter CSS. С помощью этого свойства можно менять оттенки, контрастность, размытие….