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

Question

[Сергей вопросов]

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

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

Задача состоит в том, чтобы кнопка меняла цвет при приближении курсора именно к ней.

Answer 1

[aloky]

$(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+")"});
});

Comments

[Сергей вопросов]

Спасибо большое :)