Lesson5

[alexcoach030]

Добавлены transform scale и transition изображениям товаров на странице product
rotate и transition кнопке add to cart на странице product
transition всем остальным кнопкам на странице
transition и scale ссылкам на соцсети и навигации в header, изображениям в корзине

transition-timing-function: cubic-bezier для изображений товаров и кнопки добавления в корзину на странице product, на странице index

Добавлена анимация для указателя количества товаров в корзине (в навигации)

Не получилось сделать множественную анимацию
animation: rotate-diagonal 3s cubic-bezier(0.445, 0.050, 0.550, 0.950) infinite both, slide 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;

Такая строчка была (закомментировал вторую часть, срока 149 в main.less), при таком синтаксисе не работает ни одна из анимаций (rotate-diagonal и slide), по отдельности обе работают

Возможна ли настройка плавности появления для тега details?
Как сделать scale изображения снизу по наведению на блок, располагающийся над изображением?
И можем ли мы настроить плавность появления меню, которое сделали по клику на "бургер"?

canvas оставил на чуть более позднее время :)