Страницы

Поиск по вопросам

вторник, 23 октября 2018 г.

Как сделать свечение вокруг SVG иконки?


Как создать свечение вокруг иконки SVG? Иконка SVG будет являться ссылкой, то есть hover работает только в рамках этой иконки. Форма иконки сложная (не квадрат или груг). Иконка то же должна менять цвет при наведении.


Ответ

Если цвет подсветки должен зависить от цвета картинки, то можно дважды положить эту картинку (одну поверх другой) и нижнюю заблюрить:
svg { height: 8em; } div { position: relative; display: inline-block; margin: 1em; } div > svg:first-child { filter: blur(16px); overflow: visible; position: absolute; z-index: -1; }


Комментариев нет:

Отправить комментарий