CSS: Transform

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

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

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

Уроки курса

• 1

  Введение

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

  теория
• 2

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

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

  теория

  тесты

• 3

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

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

  теория

  тесты

• &.

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