Следование градиента за курсором. Анимация.
 

В js новичок, не бейте пожалуйста.

Я хочу стилизовать кнопку по типу кнопок в win7.
Суть в том, что подсветка следует за курсором.
Каким способом это реализовать лучше всего?

Пока нашёл вот это:
http://jsfiddle.net/maniator/Sf92n/2/
По этой штуке у меня несколько вопросов.

1. Как сделать плавное перемещение этого градиента?
Чтобы он немного запаздывал за курсором, а при убирании курсора не исчезал резко, а плавно затухал.
transition: background не работает

2. Это же можно переписать без жквери?
$('div') вот например это сейчас же можно получить с помощью getElementsByTagName
Т.е. здесь жквери не нужен, его использовали, чтобы проще код выглядел?

В данном случае менять не background целиком, а background-position.
Но вообще лучше использовать обычную png нужного вида.

сделайте простейшую задержку обновления css
типа http://jsfiddle.net/Sf92n/173/

Господа, а вы в курсе, что в Мозилле вся эта красотень не работает?

да и ладно,
это не готовый продукт,
а тестовый пример

хотя у меня в FF 49.0.2 под windows
работает