#Тестовое задание
- Сделать сетку 4x4 из блоков
- Ниже расположить кнопку [start], при нажатии на которую текст в ней изменится на [in progress], а ячейки в сетке начнут переворачиваться на 180 градусов по очереди (важно заметить, что анимация следующей ячейки должна начинаться перед тем, как закончится анимация предыдущей)
- После окончания эффектов вывести сообщение об успехе и кнопку снова изменить на [start]
- Всю служебную информацию записывать в консоль (старт прогресса / старт анимации ячейки / окончание анимации ячейки / окончание прогресса) P.S. эффект для ячеек сетки нужно реализовать на CSS P.S.S. если сделать сетку 4x5, ваш код должен работать P.S.S.S. кроссбраузерность будет плюсом видео с примером реализации: https://drive.google.com/file/d/0BzpPX2tNeBVGaDBCTjczWTFDLTg/view
##Run Open in browser index.html file
##Rebuild
cd project_dir
npm i
gulp