动画背景渐变动态颜色和百分比

Question

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

点击后，我想使用两个val的颜色和百分比来动态设置背景渐变的动画。

我是这样的！我有这个使用jQuery css -

$('.modal').css({
  background : 'linear-gradient(to bottom, ' + $scope.user.color + ' 0%, ' + $scope.top.color + ' ' + $scope.top.percent + '%)'
});

我被困的地方是，它不是动画。它会弹出新的渐变。无论如何要让颜色变化变得轻松？谢谢！