Не меняется цвет рамки у ячейки таблицы?

Question

[Сергей]

Нужно сделать так чтобы при наведении на ячейку таблицы менялся её цвет, и при этом должен работать transition. Сейчас при наведении на ячейку меняется цвет не со всех сторон.
https://jsfiddle.net/r0qrmo5q/2/

Можно сделать так, но тогда не будет работать transition
https://jsfiddle.net/p14cuLgy/

Как можно решить данную проблему?

Answer 1

[Павел Радьков]

Можно пойти другим путем и покрасить фоны https://jsfiddle.net/r0qrmo5q/3/