鼠标移动的交互式动画渐变度

Question

我正在尝试将鼠标移动时的交互式渐变度（此处为示例http://jsfiddle.net/trktqqh6/183/）与css渐变动画结合起来，同时保持我的fullpage.js插件已变得一团糟

https://codepen.io/glittergirl/pen/LBKWEJ

  $(".gradient").mousemove(function( event ) {
  var w = $(this).width(),
  pct = 360*(+event.pageX)/w,
  bg = "linear-gradient(" + pct + "deg,#4ac1ff,#795bb0)";
  $(".gradient").css("background-image", bg);
  });

相对于实际问题，我正在努力不让它成为“为我解决的人”，因此任何人都可以为我指出正确的方向/是否有任何建议或先前的例子？已经坚持了几天