Показать сообщение отдельно
  #1 (permalink)  
Старый 02.11.2016, 23:33
lin lin вне форума
Новичок на форуме
Отправить личное сообщение для lin Посмотреть профиль Найти все сообщения от lin
 
Регистрация: 02.11.2016
Сообщений: 1

Следование градиента за курсором. Анимация.
В js новичок, не бейте пожалуйста.

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

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

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

2. Это же можно переписать без жквери?
$('div') вот например это сейчас же можно получить с помощью getElementsByTagName
Т.е. здесь жквери не нужен, его использовали, чтобы проще код выглядел?
Изображения:
Тип файла: png 23.png (5.7 Кб, 2 просмотров)
Тип файла: png 124.png (6.2 Кб, 1 просмотров)
Ответить с цитированием