Курс «CSS: Transform (трансформация объектов)»

CSS3

HTML5

CSS Transforms

CSS перспектива

Трёхмерные объекты

Анимации

Последнее обновление: 26 октября 2025 г.

Оформить подписку

3 900 рублей в месяц за все курсы

Включено в курс

7 уроков (видео и/или текст)

4 упражнения в тренажере

23 проверочных теста

Самостоятельная работа

Дополнительные материалы

Доступ ко всем курсам

Описание

На этом курсе вы изучите трансформацию в CSS. Вы узнаете больше о перемещении, вращении и деформации блоков. В итоге вы научитесь создавать креативные блоки, использовать эффект псевдотрехмерности, добавлять движение блоков. Трансформации пригодятся, если вы решите заниматься анимациями и созданием дизайнерских макетов. Знания из этого курса помогают программистам реализовывать сложные дизайнирские проекты, которые используют в рекламных целях. Этот курс подойдет фронтенд-программистам, которые хотят разобраться в красивых анимациях.

Чему вы научитесь

Вращать, перемещать и искажать двумерные объекты на странице
Создавать эффект псевдотрехмерности с помощью трансформаций
Переводить плоские объекты в объёмные, добавляя для них новую ось
Использовать трансформации для трехмерных объектов
Создавать перспективу и управлять точкой зрения на объект
Определять точку трансформации на объекте

Программа

1	Введение Знакомимся с целями и задачами курса CSS: Трансформации
2	2D трансформации. Перемещение Изучаем работу функции translate и учимся перемещать объекты на странице с ее помощью
3	2D трансформации. Вращение Учимся вращать объекты с помощью функции rotate
4	2D трансформации. Масштабирование Изучаем масштабирование HTML-элементов с использованием функции scale свойства transform
5	2D трансформации. Наклон Поговорим о возможности наклонения HTML-элементов с использованием функции skew свойства transform
6	3D трансформации. Основы Поговорим о трехмерном пространстве и чем оно отличается от двухмерного
7	3D трансформации. Функции Учимся использовать изученные ранее трансформации в трехмерном пространстве