cubic-bezier 实现css动画曲线移动

https://www.oxxostudio.tw/articles/201406/css-cubic-bezier.html

https://wcc723.github.io/sass/2013/10/02/transition/   解說一些cubic-bezier數值對應的animation mode

cubic-bezier.com   cubic-bezier 的官網的樣子，可以測試想要的mode取得對應的數值

实现css动画曲线移动
下面這個例子是bimg1以linear的速度往下移動，同時配上bimg2由快到很慢再有點加速的mode

  @keyframes bimg1 {

0% {top: 0;}

100% {top: 200px;}

}

@keyframes bimg2 {

0% {left: 0;}

100% {left: 200px;}

}

#item {

animation: bimg1 2s infinite cubic-bezier(0,0,1,1),bimg2 2s infinite cubic-bezier(0,1,0,1);

width: 10px;

height: 10px;

position: absolute;

background: red;

}