Урок "Анімаційні ефекти"

Презентація до уроку

Виконайте завдання:

1) Блок div початково має червоний колір тла. Протягом 4 секунд відбувається анімація example з такими етапами: колір заливки змінюється з червоного до жовтого, до синього, до зеленого. У кінці відбувається повернення до червоного кольору, визначеного для блоку div.

Зразок файлу index1.html

Зразок файлу style1.css

2) Змінений радіус фігури (border-radius) - таким чином можна отримати коло, чи еліпс. Цей атрибут може визначати форму фігури за параметрами округлення окремих кутів, наприклад border-radius:50% 0 0 0; означає, що округлений буде лише 1 верхній лівий кут.

Зразок файлу index2.html

Зразок файлу style2.html