@keyframes animationname {
keyframes-selector {css-styles;}
}
<!DOCTYPE html>
<htmlheadstyle>
div{
width:100px;
height
backgroundred
positionrelative
animationmymove 5s infinite
-moz-animation; /* Firefox */
-webkit-animation Safari and Chrome
-o-animation Opera */
}
@keyframes mymove
0% {top0px left background
25% topblue
50% yellow
75% green
100%
}
@-moz-keyframes mymove{
}
@-webkit-keyframes mymove {
}
@-o-keyframes mymove
}
</body>
p><b>注释：>本例在 Internet Explorer 中无效。div></>
服务热线 19970861797
