Опубліковано

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

Інформатика 6 запитань
Додано
27 квітня 2022
Предмет
Інформатика

Робота з учнями результати зберігаються

Домашня роботаУчні проходять тест за кодом до визначеного терміну. Результати збираються автоматично.В реальному часіГра на уроці: учні приєднуються з телефонів, а ви бачите живий рейтинг на екрані.Командна граДоступно автору тесту та сертифікованим учителям — тут видно відповіді.

Режими пройти самостійно — результати не зберігаються

Тестування 6 запитань Флеш-картки автору й сертифікованим Відповідності автору й сертифікованим Телевікторина 6 запитань Лови правильну 6 запитань Знайди пару автору й сертифікованим Знайди відповідь автору й сертифікованим Літачок 5 запитань Лабіринт 5 запитань
Роздрукувати: Тест Знайди пару Картки

6 запитань

1 Запитання 1 Одна правильна відповідь

transition: 1s;

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

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

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

  • Анімація

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

2 Запитання 2 Одна правильна відповідь

transform: translateY(20px);

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

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

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

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

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

3 Запитання 3 Одна правильна відповідь

transform: translate(200px, 200px);

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

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

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

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

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

4 Запитання 4 Одна правильна відповідь

transform: scale(2);

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

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

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

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

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

5 Запитання 5 Одна правильна відповідь

transform: rotate(-90deg);

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

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

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

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

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

6 Запитання 6 Одна правильна відповідь

transform: skewX(90px);

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

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

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

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

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

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

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

Схожі тести

Рекомендовані тести