给你找了个例子，方便理解：http://www.cnblogs.com/axes/p/3520299.html
你也可以上ITJOB的官网看看
你是要在 不同的时间内 执行两个动画 我这有个例子 你看下#div61{
background-color:#CC9966
height:155px
width:155px
animation:dong 7s ease-in-out 0s 1 normal
-moz-animation:dong 7s ease-in-out 0s 1 normal
-webkit-animation:dong 7s ease-in-out 0s 1 normal
-o-animation:dong 7s ease-in-out 0s 1 normal
}
@keyframes dong{
0%{
transform:rotateX(0deg)
}
30%{
transform:rotateX(120deg)
}
70%{
background-color:#CC9966
}
100%{
background-color:red
}
}
用火狐 或则 360 看下 我没去 搞 兼容 百度有 兼容的属性
