CSS. Анімація

Тести Інформатика Тест
Krugletsky I.
Додано: 5 лютого
Предмет: Інформатика
Копія з тесту: CSS. Анімація
Домашня робота
В реальному часі
Тестування
Відповідності
Флеш-картки
Роздрукувати
15 запитань
Запитання 1

Оберіть правильне твердження

варіанти відповідей

Ключові кадри використовуються для вказівки значень властивостей анімації в різних точках анімації.

Ключові кадри визначають поведінку одного циклу анімації; анімація може повторюватися нуль або більше разів.

Ключові кадри вказуються за допомогою правила @keyframes

Всі варіанти правильні

Запитання 2

Як установити ключові кадри анімації?

варіанти відповідей

keyframes

#keyframes

@keyframes

@animation

Запитання 3

Тривалість анімації

варіанти відповідей

animation-duration:

animation-timing-function:

animation-name:

animation-delay:

animation-iteration-count:

animation-direction:

Запитання 4

Кількість повторень анімації

варіанти відповідей

animation-duration:

animation-timing-function:

animation-name:

animation-delay:

animation-iteration-count:

animation-direction:

Запитання 5

Затримка анімації

варіанти відповідей

animation-duration:

animation-timing-function:

animation-name:

animation-delay:

animation-iteration-count:

animation-direction:

Запитання 6

Напрямок анімації

варіанти відповідей

animation-duration:

animation-timing-function:

animation-name:

animation-delay:

animation-iteration-count:

animation-direction:

Запитання 7

Ім'я анімації

варіанти відповідей

animation-duration:

animation-timing-function:

animation-name:

animation-delay:

animation-iteration-count:

animation-direction:

Запитання 8

Встановлює криву прискорення анімації

варіанти відповідей

animation-duration:

animation-timing-function:

animation-name:

animation-delay:

animation-iteration-count:

animation-direction:

Запитання 9

 animation: name 3s infinite;

варіанти відповідей

Нескінчена анімація тривалістю 3s

Анімація тривалістю 3s

Анімація програє 3s і закінчиться

Анімація почнеться через 3s

Запитання 10

transition: 1s;

варіанти відповідей

Перехід з одного стану в інший

Трансформація

Анімація

Такої CSS властивості не існує

Запитання 11

transform: translateY(20px);

варіанти відповідей

Елемент переміститься на 20px вниз

Елемент переміститься на 20px вгору

Елемент переміститься на 20px вправо

Елемент збільшиться на 20px

Запитання 12

transform: translate(200px, 200px);

варіанти відповідей

Елемент переміститься на 200px вниз

Елемент переміститься на 200px вгору

Елемент переміститься на 200px по горизонталі

Елемент збільшиться на 200px

Запитання 13

transform: scale(2);

варіанти відповідей

Елемент переміститься на 2px

Елемент зменшиться удвічі

Елемент повернеться на 2px

Елемент збільшиться удвічі

Запитання 14

transform: rotate(-90deg);

варіанти відповідей

Елемент переміститься на 90px вліво

Елемент зменшиться на 90px

Елемент повернеться на 90 градусів за годинниковою стрілкою

Елемент повернеться на 90 градусів проти годинникової стрілки

Запитання 15

transform: skewX(90px);

варіанти відповідей

Елемент переміститься на 90px вліво

Елемент збільшиться на 90px

Елемент перекоситься на 90px по горизонталі

Елемент повернеться на 90 градусів за годинниковою стрілкою

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест