Как при наведении на картинку сделать под ней фон в виде окружности?
Всем привет. Бьюсь с тривиальной задачей уже сутки. К сожалению, не силен в CSS, поэтому получается какая-то лажа. Суть в следующем: я сделал подобие категорий, как на сайте Юла, и мне требуется - при наведении на категорию подсвечивать ее фоном из окружности.
В данном примере при наведении на блок, меняется цвет фона у псевдоэлемента, который находится на заднем фоне изображения. Псевдоэлемент можно заменить например SVG фигурой, чтобы добиться похожего визуального эффекта как на сайте Юла.
Вариант второй:
В данном примере при наведении на блок, меняется цвет заливки у SVG вектора.
Алексей, это не border, а псевдоэлемент на заднем фоне изображения. Можно конечно и background менять у родительского блока при наведении, чтобы не использовать псевдоэлемент.
Mizutsune, ТС догадался, как это сделать. Просто не указал, что фон окружности изначально задан в svg, и при наведении необходимо менять его fill из рандомных цветов, прописанных в php функции. Но это полностью мой косяк, ваше решение отличное, спасибо!
Алексей, Здорово. Напиши в ответы на вопрос что сделали и отметье решением, чтобы одни пользователи сервиса не тратили время, а другие, кто столкнётся с подобным вопросом - увидели решение и не задавали вопрос заного.
