курс

CSS: Transform

39 студентов 1 сообщение

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

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

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

Уроки курса

  • 1

    Введение

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

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

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

    тесты

  • 3

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

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

    тесты

  • &.

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

Курс CSS: Transform
продолжительность
1 час
награда
7 баллов

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

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Верстальщик
Профессия

Верстальщик

Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев