Файл: Презентация - занятие 7.pdf

Анимации

6

АНИМАЦИИ

Переходы

Ключевые кадры

Данный тип анимации
позволяет совершать 
плавный переход с 
одного численного 
значения свойства на 
другое значение.

Инициатором 
перехода выступает 
изменение селектора.

В отличие от анимации 
через переходы (которая 
ограничена двумя кадрами) 
в этом типе анимации 
кадров может быть сколько 
угодно.

Такая анимация может 
воспроизводиться циклично 
множество раз.

7

Анимация через переходы

8

a {
 

color: #000;

transition-property: color;

transition-timing-function: ease;

transition-duration: 1s;

transition-delay: .5s;

}

a:hover {
 

color: #fff;

}

Переходы

Данный тип анимации
позволяет совершать плавный 
переход с одного численного 
значения свойства на другое 
значение.

АНИМАЦИЯ

ЧЕРЕЗ ПЕРЕХОДЫ

9

Попробуем на практике

10