Урок 12.3. Анимации в CSS (animation + @keyframes)
CSS-анимации: что это и как научиться их настраивать
Блог RU-CENTER На некоторых сайтах вас встречают красивые всплывающие меню и кнопки, которые меняют вид при наведении мышки, клике или прокрутке страницы. Такие эффекты называются анимацией — они влияют на общее впечатление от ресурса и легкость пользования сайтом. Чем плавнее переходы и необычнее анимация, тем больший вау-эффект произведет на посетителя ваш сайт. Добиться плавности и других свойств анимации помогает CSS — в статье расскажем, что это за язык и как с его помощью сделать простую анимацию элементов сайта...
CSS Анимации
Анимация — обширный модуль в CSS. К сожалению, описать все возможности за один урок невозможно. В этом уроке будет показан базовый принцип анимации в CSS на основе @keyframes. Для примера, сделаем анимацию текста — цвет текста меняется с голубого на красный. Для начала создадим файл "index.html" и запишем в нем следующее: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>CSS animation</title> <style> </style> </head> <body> </body> </html> Для...