css动画中希望动画效果线性播放,需要设置属性值()?
发布网友
发布时间：2022-04-23 09:26
共1个回答
热心网友
时间：2022-04-06 12:10
<div></div>
css部分：
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation: mymove 5s infinite; /*5s动画持续的时间，infinite播放次数循环，如果只运动一次，则不需要加*/
-webkit-animation: mymove 5s infinite; /*Safari and Chrome*/
}
@keyframes mymove /*mymove 为动画的名称*/
{
from {left:0px;} /*起点*/
to {left:200px;} /*终点*/
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:200px;}
}
</style>
