Курс «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 трансформации. Функции

Учимся использовать изученные ранее трансформации в трехмерном пространстве

Формат обучения

Испытания

1

Логотип «Hexlet»

Рекомендуемые программы

Course Cover
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат
Оформить подписку

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