Кто может помочь реализовать функцию js?

Прошу прощения за заголовок, но даже не знаю как правильно обозвать тему иначе.

Я сделал вот такой простенький скрипт: https://jsfiddle.net/ordzb831/8/
Суть в том, чтобы кнопка плавно меняла цвет (в данном случае, в дальнейшем будет и трансформация и т.д.).
Проблема в том, что я решил как это сделать когда курсор находится внутри блока, но цвет меняется когда проводим курсором от крайней левой стороны блока .box до крайней правой.

Задача состоит в том, чтобы кнопка меняла цвет при приближении курсора именно к ней.
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
aloky
@aloky
junior js
$(document).on('mousemove','.box',function(e) {
		var y = e.clientY/$(".box").height();
		var x = e.clientX/$(".box").width();
    var sum = (x + y) / 2;
    $(".krug").css({background: "rgba(43, 122, 245, "+sum+")"});
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
СОТБИ Санкт-Петербург
от 70 000 до 100 000 руб.
21 авг. 2018, в 20:22
530 руб./в час
21 авг. 2018, в 19:08
500 руб./за проект
21 авг. 2018, в 18:45
50000 руб./в месяц