Практика #8
Анимастер
создавай и управляй анимациями
Шаблон
Дается шаблон с готовой версткой, в котором можно запустить несколько функций, делающих элементарные анимации
Верстка, стили
В процессе выполнения задания файлы index.html и styles.css необходимо будет дополнить новой разметкой и стилями.
Для создания анимаций вам понадобятся CSS-свойства:
-
transition (htmlbook.ru/css/transition)
-
transform (htmlbook.ru/css/transform)
index.js
В файле index.js уже содержатся примеры, запускающие и выполняющие анимации. В процессе выполнения задания вам потребуется изменить их, а так же добавить новые.
Window.document, HTMLElement
Глобальный объект document даёт возможность взаимодействовать с содержимым страницы.
-
document.getElementById() - выбор элемента
-
HTMLElement.classList - манипуляции с классами
-
HTMLElement.style - манипуляции со стилями
-
HTMLElement.addEventListener('click', function(){...}) - вызов функции при клике
README.md
Все требования к реализации описаны в файле README.md