Здравствуйте! В этой статье я хочу рассказать о таком новом и полезном свойстве CSS 3 как анимация. Анимация предоставляет большие возможности за изменением стиля элемента. При переходе в CSS у нас есть набор свойств с начальными значениями, которые имеет элемент до начала перехода, и конечными значениями, которые устанавливают после завершения перехода. Тогда как при анимации мы можем иметь не только два набора значений - начальные и конечные, но и множество промежуточных наборов значений.
Анимация опирается на последовательню смену ключевых кадров (keyframes). Каждый ключевой кадр определяет один набор значений для анимируемых свойств. И последовательная смена таких ключевых кадров фактически будет представлять анимацию.
По сути переходы применяют ту же модель - так же неявно определяются два ключевых кадра - начальный и конечный, а сам переход представляет переход от начального к конечному ключевому кадру. Единственное отличие анимации в данном случае состоит в том, что для анимации можно определить множество промежуточных ключевых кадров.
Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
0
|
|||
Последние откомментированные темы:
-
Обзор смартфона LG Optimus L9
(1)
hobert
,
01.03.2022
-
Антивирусные приложения Android для защиты устройства
(1)
Наталья_ласточка
,
27.02.2022
-
Как отключить уведомления от Сбербанк за 60 рублей через приложение Сбербанк онлайн и ещё 5 методов!
(1)
bbob
,
15.02.2022
-
Обходим блокировку сайтов.
(3)
Евгений_к
,
07.02.2022
-
Как можно зарабатывать онлайн без вложений
(1)
Vasil
,
20.01.2022
-
Как сделать меню пуск Windows 11 как в Windows 10?
(1)
Vasil
,
30.12.2021
-
Самый продвинутый блокировщик рекламы
(2)
Grigori
,
24.12.2021
-
Какие бывают опасные приложения для смартфона в Плей Маркете и App Store?
(1)
Лариотик
,
08.12.2021
20251119043132