****
1. Сделать страничку с блоками 4x4
2. Под ними поместить кнопку [start], при нажатии на которую текст в ней изменится на [in progress], а ячейки в сетке блоков начнут переворачиваться на 180 градусов по очереди (важно заметить, что анимация следующей ячейки должна начинаться до того, как закончится анимация предыдущей)
3. После окончания вывести сообщение об успехе и кнопку снова изменить на [start]
4. Всю служебную информацию записывать в консоль (старт прогресса / старт анимации ячейки / окончание анимации ячейки / окончание прогресса)
Замечания:
- окончание анимации ячейки в консоль выводить на реальное завершение анимации, а не по таймеру
– эффект для ячеек сетки нужно реализовать на CSS
– если сделать сетку 4x5, ваш код должен работать
– кроссбраузерность будет плюсом
видео с примером реализации: