@keyframes几个小用法

小用法

• 动画停留到最后结束位置

animation-fill-mode : forwards;

• 主要动画组成css

div
{
width:100px;
height:100px;
top:500px;
background:red;
position:relative;
animation:mymove 5s 1;
animation-fill-mode : forwards;
}

@keyframes mymove
{
from {top}
to {top:200px;}
}

• 用当前位置进行移动

@keyframes mymove
{
from {top}  //此处不要写，或from {}
to {top:200px;}
}