Для запуска анимации 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 секунд.
Теперь, когда вы откроете страницу, элемент будет масштабироваться в соответствии с правилом анимации.