Анимастер

создавай и управляй анимациями

Шаблон

Дается шаблон с готовой версткой, в котором можно запустить несколько функций, делающих элементарные анимации

Верстка, стили

В процессе выполнения задания файлы index.html и styles.css необходимо будет дополнить новой разметкой и стилями.

Для создания анимаций вам понадобятся CSS-свойства:

• transition (htmlbook.ru/css/transition)

• transform (htmlbook.ru/css/transform)

index.js

Window.document, HTMLElement

Глобальный объект document даёт возможность взаимодействовать с содержимым страницы.

• document.getElementById() - выбор элемента

• HTMLElement.classList - манипуляции с классами

• HTMLElement.style - манипуляции со стилями

• HTMLElement.addEventListener('click', function(){...}) - вызов функции при клике
  ​

setTimeout

Позволяет выполнить функцию через заданный интервал времени

clearTimeout

Позволяет отменить выполнение функции, запланированное через setTimeout

setInterval

Позволяет запускать функцию с заданным интервалом

clearInterval

Позволяет отменить последующее выполнение функции, запланированное через setInterval

README.md

Все требования к реализации описаны в файле README.md

Полезные ссылки

www.w3schools.com/jsref/dom_obj_document.asp

www.w3schools.com/jsref/dom_obj_style.asp

developer.mozilla.org/en-US/docs/Web/API/Element/classList
https://learn.javascript.ru/settimeout-setinterval