colorchange动画背景

2017-07-07 90 views 0 likes

我要慢慢改变背景颜色，并使用此代码在css文件：colorchange动画背景

body { 
margin-top:60px; 
font-family: sans-serif; 
animation: colorchange 50s; 
-webkit-animation: colorchange 50s; 
    } 

@keyframes colorchange{ 
    0% {background: #FFCCff;} 
    25% {background: #FFFFCC;} 
    50% {background: #CCCC99;} 
    75% {background: #CC9999} 
    100%{background:#CCCCFF} 
} 

    @-webkit-keyframes colorchange { 
    0% {background:#FFCCFF;} 
    25% {background: #FFFFCC;} 
    50% {background: #CCCC99;} 
    75% {background: #CC9999;} 
    100%{background:#CCCCFF;} 
}

，但我想这个变化永远不会停止，我可怎么办？

来源

2017-07-07 Honey

回答

只需添加infinite你的财产。

CSS3 animation Property

body { 
margin-top:60px; 
font-family: sans-serif; 
animation: colorchange 50s infinite; 
-webkit-animation: colorchange 50s infinite; 
    } 

@keyframes colorchange{ 
    0% {background: #FFCCff; 
    25% {background: #FFFFCC; 
    50% {background: #CCCC99; 
    75% {background: #CC9999 
    100%{background:#CCCCFF 
} 

    @-webkit-keyframes colorchange { 
    0% {background:#FFCCFF;} 
    25% {background: #FFFFCC;} 
    50% {background: #CCCC99;} 
    75% {background: #CC9999} 
    100%{background:#CCCCFF} 
}

来源

2017-07-07 09:25:54

使用infinite选项：

animation: colorchange 50s infinite; 
-webkit-animation: colorchange 50s infinite;

来源

2017-07-07 09:25:13 Morpheus

colorchange动画背景

回答

相关问题