Свойство animation-duration
Описание
Устанавливает время длительности анимации.
Синтаксис
animation-duration: время;
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#anima{
width: 105px;
height: 105px;
border-radius: 5px;
background-color: lightgreen;
border: 3px dotted black;
animation: rotate-name ease-in-out;
animation-duration: 5s;
}
@keyframes rotate-name{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
</style>
<div id='anima'></div>
</body>
</html>
Читайте также
Свойство accent-color
Свойство accent-color определяет цвет акцента для некоторых элементов формы. Акцентом в данном сл...
Свойство font-family
Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого.&l...
Селекторы атрибутов со значениями через пробел
Некоторые значения атрибутов могут перечисляться через пробел, например имена классов. Чтобы зада...
Свойство flex
Сокращённое свойство, которое позволяет указать параметры элемента, чтобы он эффективно заполнял ...
Свойство content
Позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте ...