Здравствуйте! В этой статье я хочу рассказать о таком новом и полезном свойстве CSS 3 как анимация. Анимация предоставляет большие возможности за изменением стиля элемента. При переходе в CSS у нас есть набор свойств с начальными значениями, которые имеет элемент до начала перехода, и конечными значениями, которые устанавливают после завершения перехода. Тогда как при анимации мы можем иметь не только два набора значений — начальные и конечные, но и множество промежуточных наборов значений.
Анимация опирается на последовательную смену ключевых кадров (keyframes). Каждый ключевой кадр определяет один набор значений для анимируемых свойств. И последовательная смена таких ключевых кадров фактически будет представлять анимацию.
По сути переходы применяют ту же модель — так же неявно определяются два ключевых кадра — начальный и конечный, а сам переход представляет переход от начального к конечному ключевому кадру. Единственное отличие анимации в данном случае состоит в том, что для анимации можно определить множество промежуточных ключевых кадров. Читать далее
Это интересно
0
|
|||
Последние откомментированные темы:
-
Как отключить уведомления от Сбербанк за 60 рублей через приложение Сбербанк онлайн и ещё 5 методов!
(1)
Snut
,
15.02.2022
-
Онлайн переводчик речи в реальном времени с любого языка
(2)
SergiSan
,
24.01.2022
-
Что такое Cтереолитографические фотополимерные 3D принтеры
(1)
Uriiy
,
04.11.2021
-
Программа для создания виртуальных машин
(1)
Yuri1234
,
04.08.2021
-
Мощный фоторедактор, позволяющий быстро и качественно улучшать любые снимки
(1)
fantoMasin
,
15.05.2021
-
Как переключить язык на клавиатуре компьютера с помощью клавиш и на автомате?
(1)
Yuri1234
,
10.05.2021
-
ПРОСЬБА ПОМОЩИ!
(1)
Yuri1234
,
03.05.2021
20240430230942