ВИДЕОУРОК №10. Трансформации и анимация
Список видеоуроков
основные темы, рассматриваемые на уроке
1
0:01:56
Свойство "transition". Несколько примеров
2
0:07:56
Подробнее о "transition"
3
0:09:10
Свойства, доступные для анимации
4
0:09:29
Функция перехода анимации
5
0:17:54
Пример анимации в меню
6
0:19:54
Изменение значения свойств с помощью JavaScript
7
0:21:26
Трансформации
8
0:21:55
Трансформация translate (смещение)
9
0:22:52
Трансформация rotate (вращение)
10
0:23:23
Трансформация scale (масштабирование)
11
0:24:06
Трансформация skew (искажение)
12
0:26:22
Свойство "transform-origin" (задание точки для трансформации)
13
0:27:10
Трансформации 3D
14
0:30:11
Анимация с помощью трансформации
15
0:32:03
Пример вращения карты
16
0:38:00
Анимации
17
0:43:23
Подробнее о свойстве animation. Примеры
18
0:49:26
Фильтры (11 функций)
Описание видеоурока
Титры видеоурока
Скачать материалы
Рекомендуемая литература
Анимация - одна из задач, которые обычно решаются с помощью JavaScript библиотек. В этом уроке будут рассмотрены свойства, которые позволяют без применения дополнительного кода, с помощью только одного CSS, создать анимационные эффекты. В этом уроке будут рассмотрены два возможных способа анимации – через свойство transition и через свойство animation. Также Вы узнаете о том, как работают трансформации в CSS. Вы научитесь использовать трансформации translate, rotate, scale, skew и даже трансформировать объекты в трехмерном пространстве, создавая интересные эффекты для страниц.
Титров к данному уроку не предусмотрено
рекомендуемые ссылки
комментарии и обсуждения