css中3d动画两个动画交替运动

html-css07

css中3d动画两个动画交替运动,第1张

你是要在 不同的时间内 执行两个动画 我这有个例子 你看下

#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 看下 我没去 搞 兼容 百度有 兼容的属性

外面再嵌套一层。

循环"box"

<div class="box">

<div class="left">

<p>数据</p>

</div>

<div class="right">

<p>数据</p>

</div>

<div class="left">

<p>数据</p>

</div>

<div class="right">

<p>数据</p>

</div>

</div>