Здравствуйте! В этой статье я хочу рассказать о таком новом и полезном свойстве CSS 3 как анимация. Анимация предоставляет большие возможности за изменением стиля элемента. При переходе в CSS у нас есть набор свойств с начальными значениями, которые имеет элемент до начала перехода, и конечными значениями, которые устанавливают после завершения перехода. Тогда как при анимации мы можем иметь не только два набора значений - начальные и конечные, но и множество промежуточных наборов значений.
Анимация опирается на последовательню смену ключевых кадров (keyframes). Каждый ключевой кадр определяет один набор значений для анимируемых свойств. И последовательная смена таких ключевых кадров фактически будет представлять анимацию.
По сути переходы применяют ту же модель - так же неявно определяются два ключевых кадра - начальный и конечный, а сам переход представляет переход от начального к конечному ключевому кадру. Единственное отличие анимации в данном случае состоит в том, что для анимации можно определить множество промежуточных ключевых кадров.
В целом объявление ключевого кадра в CSS3 имеет следующую форму:
@keyframes название_анимации {
from {
/* начальные значения свойств CSS */
}
to {
/* конечные значения свойств CSS */
}
}
Читать далее
Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
+1
|
|||
Последние откомментированные темы:
-
Лучший чат-бот с искусственным интеллектом - какой из них вам подходит?
(1)
boris 1
,
13.01.2022
-
Новогоднее украшение рабочего стола ПК
(1)
Елена2022
,
21.12.2021
-
Как JPG преобразовать в Word с распознаванием текста
(1)
Olejaweb
,
13.11.2021
-
Как вернуть классическое ленточное меню в проводник Windows 11
(1)
Сергей Михайлов сын
,
26.10.2021
-
Как покупать ссылки на Miralinks
(1)
Stanzeka
,
17.10.2021
-
Обзор новинки от компании Plantronics – беспроводных наушников BackBeat Go 600
(2)
Onix
,
17.08.2021
-
Как переустановить Windows 7 с сохранением данных
(2)
Horov
,
27.05.2021
-
Нужно ли использовать антивирус на ПК
(1)
gennady 44
,
10.05.2021
-
Лучшие бесплатные альтернативы MS Office
(2)
Horov
,
03.04.2021
20251221151502