Jquery 使用动态颜色和百分比设置背景渐变动画

Jquery 使用动态颜色和百分比设置背景渐变动画,jquery,css,angularjs,jquery-animate,linear-gradients,Jquery,Css,Angularjs,Jquery Animate,Linear Gradients,我有一个顶色和当前颜色对象。顶部和当前对象包含颜色val和百分比 单击时,我想使用两个val的颜色和百分比来动态设置背景渐变的动画 我很舒适!我使用jQueryCSS进行了这项工作-- 我被卡住的地方是,它不是动画。它将在新的渐变中弹出。无论如何,让它在颜色的变化容易吗?谢谢 你不能设置渐变的动画…它们被当作图像处理。只需搜索“动画线性梯度”。@Paulie_D似乎不同意?继续吧……测试一下。这不是在设置颜色的动画…而是在设置渐变图像的位置的动画…这不是一回事。感谢指向正确方向的点,看起来@pa

我有一个顶色和当前颜色对象。顶部和当前对象包含颜色val和百分比

单击时,我想使用两个val的颜色和百分比来动态设置背景渐变的动画

我很舒适!我使用jQueryCSS进行了这项工作--


我被卡住的地方是,它不是动画。它将在新的渐变中弹出。无论如何,让它在颜色的变化容易吗?谢谢

你不能设置渐变的动画…它们被当作图像处理。只需搜索“动画线性梯度”。@Paulie_D似乎不同意?继续吧……测试一下。这不是在设置颜色的动画…而是在设置渐变图像的位置的动画…这不是一回事。感谢指向正确方向的点,看起来@paulie_d是正确的。有些黑客的方法可能存在。
$('.modal').css({
  background : 'linear-gradient(to bottom, ' + $scope.user.color + ' 0%, ' + $scope.top.color + ' ' + $scope.top.percent + '%)'
});