Свойство animation-name
Описание
Указывает имя запускаемой аниимации.
Синтаксис
animation-name: none | идентификатор;Подробности
| Значение | Описание |
| none | Отключает анимацию. |
| <идентификатор> | Идентификатор должен начинаться с латинской буквы или подчёркивания ( _ ), разрешается содержание цифр от 0 до 9 и дефис ( - ). Запрещено использовать зарезервированные ключевые слова none, unset, inherit, initial. |
Пример
<!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: 3s ease-in-out;
animation-delay: 1s;
animation-iteration-count: infinite;
animation-name: rotate-name; }
@keyframes rotate-name{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(3240deg);
}
}
</style>
<div id='anima'></div>
</body>
</html>Читайте также
Свойство font-stretch
Устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст....
Пустые элементы
Представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста, пробелов или переносов строк....
!important
Играет роль в том случае, когда пользователи подключают свою собственную таблицу стилей, также применяется для повышения специфичности стилевого прави...
Свойство writing-mode
Устанавливает направление текста на странице — по горизонтали или вертикали....