Frontend. Модуль 5. Анимации на сайтах CSS

Что такое Анимация на сайте?

• статичная картинка

• набор векторных линий

• способ изменять объекты и контейнеры на странице, растягивая,

  увеличивая или перемещая их.

• это некое хранилище данных

Существует 4 функции способные изменять форму объекта, укажите их

• Translate

• SkeW

• Forms

• Scale

• Rotate

Что выполняет данный фрагмент кода?

• Поворот объекта на 360 градусов

• Увеличение контейнера по оси X

• Увеличение контейнера по оси X и Y

• Увеличение контейнера по оси Y

Что выполняет данный фрагмент кода?

• Искажение объекта по оси Y

• Поворот объекта на 360 градусов

• Поворот объекта на 30 градусов

• Увеличение объекта на 30 процентов

Для того, чтобы применить любую из 4 функций анимации используется ключевое слово?

• @keyframes

• transform

• Rotation

• Animation-name

Что выполняет данный фрагмент кода?

• Искажает объект по оси X

• Увеличивает объект по оси X

• Поворачивает объект

• Передвигает объект по оси X

Что такое точки трансформации?

• Это места, в которых можно хранить данные

• Это точки привязки объекта, которые обозначают

  от куда начнется отчет координат у объект

• Точки, которые позволяют деформировать объект

• Точки, которые позволяют привязать одни объект к другому

Каким словом обозначаются ключевые кадры, на основе которых создается анимация

на сайтах?

• Transform

• @keyframes

• Переменные

• Анимация

Что выполняет данный фрагмент кода?

• Перемещение объекта по оси Y

• Увеличение объекта по оси Y

• Поворот объекта

• Перемещение объекта вдоль осей X и Y

Каждая анимация основывающаяся на @keyframes содержит?

• Имя анимации

• Ключевые кадры

• Точки привязки

• Переменные

• Код, внутри каждого кадра