Курс «CSS: Transform (трансформация объектов)»
Последнее обновление: 26 октября 2025 г.
3 900 рублей в месяц за все курсы
Включено в курс
Описание
На этом курсе вы изучите трансформацию в CSS. Вы узнаете больше о перемещении, вращении и деформации блоков. В итоге вы научитесь создавать креативные блоки, использовать эффект псевдотрехмерности, добавлять движение блоков. Трансформации пригодятся, если вы решите заниматься анимациями и созданием дизайнерских макетов. Знания из этого курса помогают программистам реализовывать сложные дизайнирские проекты, которые используют в рекламных целях. Этот курс подойдет фронтенд-программистам, которые хотят разобраться в красивых анимациях.
Чему вы научитесь
- Вращать, перемещать и искажать двумерные объекты на странице
- Создавать эффект псевдотрехмерности с помощью трансформаций
- Переводить плоские объекты в объёмные, добавляя для них новую ось
- Использовать трансформации для трехмерных объектов
- Создавать перспективу и управлять точкой зрения на объект
- Определять точку трансформации на объекте
Программа
1 | Введение Знакомимся с целями и задачами курса CSS: Трансформации |
2 | 2D трансформации. Перемещение Изучаем работу функции translate и учимся перемещать объекты на странице с ее помощью |
3 | 2D трансформации. Вращение Учимся вращать объекты с помощью функции rotate |
4 | 2D трансформации. Масштабирование Изучаем масштабирование HTML-элементов с использованием функции scale свойства transform |
5 | 2D трансформации. Наклон Поговорим о возможности наклонения HTML-элементов с использованием функции skew свойства transform |
6 | 3D трансформации. Основы Поговорим о трехмерном пространстве и чем оно отличается от двухмерного |
7 | 3D трансформации. Функции Учимся использовать изученные ранее трансформации в трехмерном пространстве |
Формат обучения
Испытания
1 | Логотип «Hexlet» |
Рекомендуемые программы

- Тренажер с практикой
- Бессрочный доступ к теории
- Асинхронный формат
3 900 рублей в месяц за все курсы
