Как сделать подсветку фона при наведении мыши?

Question

[snurik]

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

Answer 1

[Vitaliy Orlov]

смотри радиальный градиент: htmlbook.ru/css3-na-primerakh/radialnyi-gradient
центр градиента - позиция мыши: https://css-tricks.com/examples/MovingHighlight/
а соты сверху нарисуй

Comments

[snurik]

спасибо. что-то получилось. Но всё равно если присмотреться, то видно что это круг под сотами. А можно как-то рандомно изменять фигуру. хочу что-то подобное https://im0-tub-ua.yandex.net/i?id=1902543aa7049c2...

[Vitaliy Orlov]

Я не знаю как "правильно" сделать такое, но думаю можно, сделать пару слоев, чтобы верхний слой (от черного к прозрачности) отсекал часть нижнего (от синего к черному).
Возможно сумбурно написал, вот на картинке:
trinity.e-stile.ru/images/ygc.gif
желтый заменить на градиент от прозрачного к черному, тогда он "откусит часть" синего, тем самым можно добиться любой формы..

[snurik]

я тож так думал сделать. Спросил, может появится ещё какая идея. В любом случае СПАСИБО

Answer 2

[acspro]

Сделай елемент и таскай его с помощью JS за курсором. Ну и в нем как нужно напиши.