Переливающаяся доска

Доска с реализацией переливающихся в разных цветах квадратиков, которые представляют из себя блоки размером 16х16. Они располагаются на доске посредством цикла в блоке JS.
Для анимации смены цветов используются свойство transition: 2s ease в блоке CSS. Смена цветов происходит за счет наведения курсора на квадратик ('mouseover') и последующего его перемещения ('mouseleave').

Направление: