Css3 — анимация Анимация — это процесс изменения формы и создания действий с элементами

CSS3 — анимация

Анимация — это процесс изменения формы и создания действий с элементами.

Основной кадр управляет промежуточными этапами анимации в CSS3.

Пример ключевого кадра с левой анимацией -

@keyframes animation {
from {background-color: pink;}
to {background-color: green;}
}
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: animation;
animation-duration: 5s;
}

В приведенном выше примере показаны высота, ширина, цвет, имя и продолжительность анимации с основным синтаксисом кадра.

Анимация прокрутки влево

Tutorials Point

this is an example of moving left animation .

Reload page

Tutorials Point

This is an example of animation left with an extra keyframe

to make text changes.

Reload page