css怎么做曲线路径动画？

Question

css如何做飞机沿虚线飞的动画？

Answer 1

看到这么多人浏览，写下我的实现方式，每一段都使用transform: rotate3d();进行旋转，同时调整旋转中心即transform-origin,即可以实现了，

Answer 2

路径动画用svg特别方便

Answer 3

SVG SMIL animation
http://www.zhangxinxu.com/wordpress/2014/08/so-powerful-svg-smil-animation/

Answer 4

@keyframes move{
0%{offset-distance:0%; }
100%{offset-distance:100%; }
}
#move{
offset-path:path('填写路径的d值');
animation:move 3s linear;
}

用小飞机去调用这个动画属性就可以了。