Конструктор тестів
- Всеосвіта›
- Бібліотека тестів›
- Інформатика›
- Тест 8. Анімаційні ефекти
Тест:
Тест 8. Анімаційні ефекти
11.04.2025
Вміст тесту:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1
1 з 19 балів
Що таке CSS анімація?
2
1 з 19 балів
Які основні технології використовуються для створення анімації на вебсторінках без використання сторонніх плагінів?
3
4 з 19 балів
Установіть відповідність між CSS конструкцією та її описом
CSS конструкція
опис
1
@keyframes
А
Властивість для створення плавних переходів стилів при зміні стану елемента.
2
opacity
Б
CSS властивість, що контролює прозорість елемента.
3
transition
В
CSS правило, що описує послідовність кроків (ключових кадрів) в анімації.
4
transform
Г
Властивість для візуальних трансформацій: переміщення, обертання, масштабування.
4
1 з 19 балів
Які з цих властивостей належать до налаштувань transition?
5
1 з 19 балів
Яка CSS властивість використовується для створення плавних переходів між станами елемента при зміні його властивостей (наприклад, при наведенні курсора)?
6
1 з 19 балів
Для чого використовується правило @keyframes в CSS?
7
1 з 19 балів
Яка властивість визначає загальну тривалість одного циклу анімації, заданої через @keyframes?
8
1 з 19 балів
Які значення властивості animation-direction змушують анімацію програватися у зворотному порядку хоча б частину часу?
9
1 з 19 балів
Що робить значення infinite у властивості animation-iteration-count?
10
1 з 19 балів
Яка CSS властивість часто використовується разом з анімаціями та переходами для візуальних ефектів переміщення, масштабування, обертання або нахилу елементів?
11
1 з 19 балів
Якими способами можна визначити етапи (ключові кадри) всередині правила @keyframes?
12
1 з 19 балів
Яке значення властивості animation-direction змушує анімацію програватися спочатку вперед, потім назад, потім знову вперед і т.д.?
13
1 з 19 балів
Яка функція часу (timing-function) забезпечує рівномірну швидкість анімації без прискорень та сповільнень?
14
1 з 19 балів
У яких ситуаціях доцільно використовувати CSS transition?
15
1 з 19 балів
Які цілі можуть переслідувати веб-розробники, додаючи анімацію на сайт?
16
1 з 19 балів
Яке основне призначення анімаційних ефектів на вебсторінці з точки зору користувацького досвіду?
Рефлексія від 11 учнів
Сподобався:
0
Так: 9
Ні: 2
Зрозумілий:
0
Так: 10
Ні: 1
Потрібні роз'яснення:
0
Ні: 10
Так: 1