wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

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

Total questions: 18

Worksheet time: 10mins

Name
Class
Date
1.

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

a)

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

b)

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

c)

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

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

d)

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

2.

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

a)

Translate

b)

SkeW

c)

Forms

d)

Scale

e)

Rotate

3.

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

a)

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

b)

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

c)

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

d)

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

4.

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

a)

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

b)

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

c)

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

d)

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

5.

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

a)

@keyframes

b)

transform

c)

Rotation

d)

Animation-name

6.

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

a)

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

b)

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

c)

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

d)

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

7.

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

a)

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

b)

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

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

c)

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

d)

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

8.

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

на сайтах?

a)

Transform

b)

@keyframes

c)

Переменные

d)

Анимация

9.

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

a)

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

b)

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

c)

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

d)

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

10.

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

a)

Имя анимации

b)

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

c)

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

d)

Переменные

e)

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

11.

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

a)

Поворачивает объект влево на 10 градусов, а затем вправо на 10 градусов

b)

Передвигает объект вдоль осей X и Y

c)

Записывает данные в переменную

d)

Передвигает объект вдоль оси Y

12.

Что такое переменная?

a)

место, на странице сайта, в котором написан заголовок

b)

Ключевые кадры анимации

c)

Некое хранилище данных

d)

Фрагмент кода, который отвечает за анимации

13.

Что такое запись данных в переменную?

a)

хранение элементов, внести какую-то информацию

b)

Вычитать какую-то информацию, взять из записанного

c)

Создать аннимацию

d)

Применить ключевые кадры анимации

14.

Что такое вычит данных из переменной?

a)

хранение элементов, внести какую-то информацию

b)

Вычитать какую-то информацию, взять из записанного

c)

Создать аннимацию

d)

Применить ключевые кадры анимации

15.

Указанно ли на данном фрагменте кода запись данных в переменную?

a)

Да

b)

Нет

16.

Указанно ли на данном фрагменте кода запись данных в переменную?

a)

Да

b)

Нет

17.

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

a)

Поворачивает объект на 5 градусов

b)

Искажает объект на 5 градусов по одной оси Y

c)

Передвигает объект вдоль осей X и Y

d)

Искажает объект на 5 градусов по одной оси X

18.

Насколько сложно тебе было изучать анимацию на сайтах?

a)

Очень сложно, пришлось попотеть

b)

Сложно

c)

Средне

d)

Легко

e)

Очень просто!
Я преисполнился в своем познании создания анимации