CSS. Анімаційні ефекти

Додано: 22 листопада 2020
Предмет: Інформатика
Тест виконано: 8 разів
6 запитань
Запитання 1

transition: 1s;

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

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

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

Анімація

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

Запитання 2

transform: translateY(20px);

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

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

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

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

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

Запитання 3

transform: translate(200px, 200px);

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

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

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

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

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

Запитання 4

transform: scale(2);

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

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

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

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

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

Запитання 5

transform: rotate(-90deg);

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

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

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

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

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

Запитання 6

transform: skewX(90px);

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

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

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

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

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

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

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