我正在使用这个很棒的 CSS 代码通过循环 4 种颜色的过渡来缓慢地自动更改背景颜色。
我想将此应用于几个单独的 Div,并让它们都以不同的颜色开始。效果就像一个表格,每个单元格都在改变颜色,无需用户交互。我可以将此效果应用于页面中的任何单个元素,但我想多次使用它并使用不同的起始颜色。
我尝试只更改 Div 的起始颜色,但这似乎不起作用。有谁知道解决方案?
@-webkit-keyframes pulse
{
0% {background-color: #45CEEF;}
25% {background-color: #FFF5A5;}
50% {background-color: #FFD4DA;}
75% {background-color: #99D2E4;}
100% {background-color: #D8CAB4;}
}
#div
{
background-color: #45CEEF;
-webkit-animation: pulse 40s infinite alternate;
}