Так-тикс



Высокая сложность

Поле для игры в так-тикс имеет размер 5х5 клеток, в каждой клетке содержится круглая фишка (рис. 1).

Исходное поле для игры в так-тикс

Рис. 1. Исходное поле для игры в так-тикс

При наведении курсора мыши на любую клетку подсвечивается ряд, строка и сама фишка (рис. 2).

Вид поля при наведении на клетку курсора мыши

Рис. 2. Вид поля при наведении на клетку курсора мыши

Напишите код с использованием только HTML5 и CSS при соблюдении ряда условий:

  • работать должен во всех современных браузерах, на старые версии можно не обращать внимания;
  • все размеры фишек и клеток заданы изначально и не меняются;
  • постарайтесь сделать HTML-код компактным, без ввода дополнительных классов.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.