循环播放CSS关键帧渐变动画

Question

我想在原始背景为CSS动画的情况下

background-image: linear-gradient(to right top, #003eb3, #007BFF, #53b2ff, #0097DB, #009b74, #00c785);

如何使用CSS关键帧创建平滑的动画来更改颜色的位置

一个例子：从“红色，绿色，蓝色”到“蓝色，红色，绿色”但平滑

提前谢谢

Answer 1

你能这样吗：）

添加了动画

  name: 'Slider',

ease-in-out -也就是说，更改在开始和结束时都会缓慢发生，并且仅在中间某个地方加速。这样可以使更改具有柔和的边缘（隐喻性），并且通常感觉很好。

infinite -那是动画应该无限次播放（永远）。

alternate -首先向前播放动画，然后向后播放。

有关 animation in CSS

的完整信息

 animation: GradAnim 3s ease-in-out 0s infinite alternate;