Для запуска анимации CSS необходимо создать правило анимации в CSS и применить его к элементу HTML. Например:
- Создайте правило анимации в CSS:
@keyframes my-animation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}Это правило определяет анимацию, которая будет масштабировать элемент от 100% до 150% и обратно.
- Примените правило анимации к элементу HTML:
<div class="my-element"></div>.my-element {
width: 100px;
height: 100px;
background-color: red;
animation: my-animation 2s infinite;
}Это применяет анимацию my-animation к элементу с классом my-element и делает ее бесконечной (повторяющейся) в течение 2 секунд.
Теперь, когда вы откроете страницу, элемент будет масштабироваться в соответствии с правилом анимации.
