Возможно ли сделать hover:анимацию «хвост кометы» на множестве элементах только с css?

Question

[copal]

Представить, что есть шахматная доска, где каждый квадрат, это отдельный элемент.
И если начать водить мышкой по этой доске то должен быть эффект "хвоста кометы".
Если кто-то может сделать такое на чистом css покажите пример.

Answer 1

[Кирилл]

Если правильно вас понял, то примерно такое вам нужно. codepen.io/Kublyakov/pen/KzmvVX
При наведении меняем цвет, и за счет transition цвет меняется не сразу, а постепенно, в моем случае в течение 0.5 секунд. Думаю, смысл понятен и сможете доработать для своих целей.

Comments

[copal]

нет, это не то, ведь если быстро перемещать курсор, то эффект не успевает проявиться полностью и умирает в зачаточном состоянии.

[zyets]

copal: тогда изучайте keyframes animation css

Answer 2

[Vanya Semeschuk]

10 stylish hover effects