курс

CSS: Transform

102 студента 10 сообщений
Последнее обновление: 23 сентября 2021
Курс CSS: Transform
3 900 ₽ в месяц
за все курсы Хекслета
Зарегистрироваться
  • Тренажер с практикой
  • Пожизненный доступ к теории
  • Асинхронный формат обучения

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

6 уроков (видео и/или текст)
10 проверочных тестов
Помощь в «Обсуждениях»
Доступ к остальным курсам платформы

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

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

Описание

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

Уроки курса

Продолжительность 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

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

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

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

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

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

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

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