Is it possible to make a hover: comet tail animation on multiple elements with just css?

Question

css

Imagine that there is a chessboard, where each square is a separate element.
And if you start moving the mouse over this board, then there should be a "comet tail" effect.
If someone can do this in pure css please show me an example.

Answer 1

If I understood you correctly, then this is what you need. codepen.io/Kublyakov/pen/KzmvVX
When hovering, we change the color, and due to the transitioncolor changing not immediately, but gradually, in my case within 0.5 seconds. I think the meaning is clear and you can modify for your purposes.

Answer 2

10 stylish hover effects