Свойство 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>Читайте также
Свойство max-height
Устанавливает максимальную высоту элемента.
Значение высоты элемента будет вычисляться в зависимости от значений установленных свойств height, ...
currentColor
Ключевое слово color для текущего элемента. Это позвол...
Свойство flex
Сокращённое свойство, которое позволяет указать параметры элемента, чтобы он эффективно заполнял доступное пространство. Элементы могут быть растянуты...
Свойство outline-offset
Устанавливает расстояние между рамкой, созданной с помощью свойства outline, и краем или границей элемента добавленной через border....