Подсветка svg элементов

#css3 #svg #javascript #css

Доброго времени суток.
У меня есть задача сделать подсветку svg элемента при наведении на него курсора мыши.
Проблема заключается в том что кастомные стили элемента не должны изменяться. А подсветка
должна появляться по бокам элемента.
Частично я уже понимаю что решить задачу можно с помощью svg фильтров. Только вот
поверх элемента может быть расположен другой полупрозрачный элемент и подсветка первого
будет частично затухать (если так можно выразиться).
Посоветуйте как быть.    

Ответы

Ответ 1

Это можно сделать с помощью css свойства filter и селектора :hover.
Вот пример http://jsfiddle.net/FvjA3/ .



#rect:hover {
    filter: url("#glow-filter");
}