Добавлен: 12.02.2019
Просмотров: 2103
Скачиваний: 3
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
@keyframes
11
АНИМАЦИЯ
ЧЕРЕЗ КЛЮЧЕВЫЕ КАДРЫ
a {
color: #000;
}
a:hover {
animation-name: flash;
animation-delay: .3s;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease;
}
@keyframes flash {
0%, 100% {
color:
#000;
}
50% {
color:
#fff;
}
}
Ключевые кадры
В отличие от анимации через
переходы (которая ограничена
двумя кадрами) в этом типе
анимации кадров может быть
сколько угодно.
12
Попробуем на практике
13
РЕЗЮМИРУЕМ
CSS
Шрифты
transition
@keyframes
14
ПОСЛЕ ПЕРЕРЫВА
Адаптивная верстка
Домашнее задание
15