ІНТЕРАКТИВНА ВПРАВА

Використання анімаційних ефектів на сторінках сайту

Увага! Під час роботи з комп'ютером
дотримуйтеся правил безпеки та
санітарно-гігієнічних норм.
Завдання: створити найпростіші
анімаційні ефекти на сторінках сайту.

Хід роботи
1. Створіть теку site.
2. Створіть редактором коду сторінку index.html, в якій оголосіть два блоки
з іменами класів «one» та «two» (див. рис.1.) Збережіть у теці site.

Рисунок 1

3. Створіть у тій же теці таблицю стилів style.css пропишіть властивості класів

«one» та «two» (див. рис.2). Збережіть і перегляньте результат.
4. Додайте до таблиці опис класу «one» при наведенні миші (див. рис.3).
Збережіть і перегляньте результат.

Рисунок 2 Рисунок 3

5. Зробіть висновки.