如何解决过渡缓动不适用于背景关键帧动画
我实际上是在尝试在 css 上进行流畅的动画过渡，但我不明白为什么它会逐帧显示
这里是我的代码，提前致谢：
.css-selector {
background: rgb(255,216,0);
background: linear-gradient(90deg,rgba(255,1) 95%,rgba(51,51,1) 50%);
height: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
animation: anim 5s ease-in-out infinite;
}
@keyframes 动画{
0% {
background: linear-gradient(90deg,1) 85%,1) 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}
50% {
background: linear-gradient(137deg,1) 50%,1) 32%);
background-repeat: no-repeat;
background-attachment: fixed;
}
100% {
background: linear-gradient(90deg,1) 0%,1) 0%);
background-repeat: no-repeat;
background-attachment: fixed;
}
}
和小提琴 https://jsfiddle.net/2d4uLnjb/2/
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。