CSS Анимация
Анимация — это набор ключевых кадров, хранящихся в CSS:
Способ подключения анимации к элементу:
Анимация — это набор ключевых кадров, хранящихся в CSS:
@keyframes a1 {
0% {
width: 50px;
}
100% {
width: 150px;
}
}
В фигурных скобках содержится список кадров. Мы используем начальный кадр 0% и конечный 100%.Способ подключения анимации к элементу:
element {
//имя animation-name: a1;
// длительность animation-duration: 2s;
// задержка перед началом animation-delay: 5s;
// число повторов animation-iteration-count: 3;
//скорость воспроизведения animation-timing-function: steps(7, end);
}
К одному элементу можно применить несколько анимаций:element {
animation-name: a1, a2;
animation-duration: 2s, 4s;
}