CSS: Transform

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

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

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

Описание

Курс посвящён трансформации объектов на странице с помощью модуля CSS Transforms Module Level 1 и CSS Transforms Module Level 2. Использование трансформации позволяет создавать множество эффектов на странице: от небольших визуальных изменений до создания многоступенчатой сложной анимации.

Уроки курса

• 1

  Введение

  Познакомиться с курсом CSS: Трансформации. Узнать об изучаемых темах и их применении на практике

  теория
• 2

  2D трансформации. Перемещение

  Изучить работу функции translate и, с её помощью, научиться перемещать объекты на странице

  теория

  тесты
• 3

  2D трансформации. Вращение

  Научиться вращать объекты с помощью функции rotate. Изучить возможности выбора точки вращения у объекта используя свойство transform-origin

  теория

  тесты
• 4

  2D трансформации. Масштабирование

  Изучить масштабирование HTML элементов с использованием функции scale свойства transform. Узнать о влиянии масштабированного элемента на своих соседей.

  теория
• 5

  2D трансформации. Наклон

  Узнать о возможности наклонения HTML элементов с использованием функции skew свойства transform. Разобраться в принципах искажении элемента по нескольким осям

  теория
• 6

  3D трансформации. Основы

  Узнать о понятии трёхмерного пространства и чем оно отличается от двухмерного. Научиться работать с перспективой трёхмерных объектов в CSS

  теория
• 7

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

  Помогают глубже и всесторонне рассмотреть тему курса в открытых статьях и видео подобранных командой Хекслета
• 8

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

  Дополнительные задания, которые позволяют закрепить полученную теорию
• &.

  Продолжение следует

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