Geek
1 год назад
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> Для...
Full Stack
1 год назад
Анимации CSS: Transition,Transform,KeyFrames
TRANSITION Свойство transition позволяет плавно анимировать изменения CSS-свойств элемента. Оно позволяет задать переходные эффекты при изменении состояния элемента, таких как изменение цвета, размера, положения и других атрибутов. Применяется к элементам, которые имеют начальное и конечное состояние. Пример использования transition: Пошаговое руководство: Шаг 1: Определите элемент Сначала вам понадобится HTML-элемент, к которому вы хотите применить переходный эффект. Например, это может быть...