Урок-7. “Принципи анімування ховерів та відкриття/закриття модального вікна. Бібліотеки анімацій, їх підключення”

1.Застосування властивостей transition та transform у CSS-переходах

1-1.Анімовані властивості події hover на кнопці:

1-1_1(1).Анімовані властивості зміни контенту на кнопці (1-й варіант):

1-1_1(2).Анімовані властивості зміни контенту на кнопці (2-й варіант):

1-1_1(3).Анімовані властивості зміни контенту на кнопці (3-й варіант):

1-1_2.Відкриття та приховування елемента без використання JS:

1-2.Підкреслення вкладки при ховері в меню:

1-3.Анімація на оверлей статті:

Apples

Червоні яблуки

Ціна: 100 кредитів

1-4.Анімація модального вікна

2.Бібліотеки анімацій

2-1.Бібліотека анімацій animate.style

An animated element - animated+bounce

An animated element - flipOutY

0.Заголовок