问题描述
我想在原始背景为CSS动画的情况下
background-image: linear-gradient(to right top,#003eb3,#007BFF,#53b2ff,#0097DB,#009b74,#00c785);
如何使用CSS关键帧创建平滑的动画来更改颜色的位置
一个例子:从“红色,绿色,蓝色”到“蓝色,红色,绿色”但平滑
提前谢谢
解决方法
你能这样吗:)
添加了动画
name: 'Slider',
ease-in-out -也就是说,更改在开始和结束时都会缓慢发生,并且仅在中间某个地方加速。这样可以使更改具有柔和的边缘(隐喻性),并且通常感觉很好。
infinite -那是动画应该无限次播放(永远)。
的完整信息alternate -首先向前播放动画,然后向后播放。
animation: GradAnim 3s ease-in-out 0s infinite alternate;