css动画怎么实现 位移到一个位置后再到另一个位置

Question

如题：
css动画怎么实现 位移到一个位置后再到另一个位置

Answer 1

自定义动画
执行这个动画就好了

@keyfarmes animate{

0% {left 0px, right 0px}
....
50% {left:500px, right:500px}
....
100% {left:0px, right:0px}

}
0-50% 第一个阶段
50-100 第二阶段