killer112

Написать самому - такой вариант не подходит? Обычно это быстрее и проще, чем править какие-то готовые решения.

Кода строчек 30 + немного CSS анимации

Расстраивает одно: формально поддержка svg фильтров в IE есть. Но вот, почему blur фильтр не работает?

Подсказка добавлена к ссылке в виде псевдоэлемента. Он хоть и скрыт, но при наведении курсора на него он воспринимается как часть ссылки, и срабатывает hover.

Чтобы от этого избавиться, надо псевдоэлемент "замаскировать" - например спрятать его за предела экрана, а для :hover назначить "правильный" css, чтобы элемент был видим на экране в нужном месте.

Если кроссбраузерность не требуется, то можно посмотреть в сторону масок: www.w3.org/TR/css-masking/#the-mask-image - кладем изображение в виде фона, затемняем его, к координатам мышки привязываем блок с фоном и маской. Для хрома приблизительно вот так: jsfiddle.net/JkuR9/3

Второй вариант - canvas.

Друзья!

Напишу здесь решение проблемы. Может быть, кому-то пригодится.

Помогло копирование файлов d3dcompiler_43.dll и d3dx9_43.dll из папки с установленным google chrome в папку с node-webkit!