The x-axis and y-axis animations are written separately, and then the two speeds are different, which will form a curved motion. The specific curve can be calculated, just write a or you can directly give the x and y values of the corresponding key frames
The x-axis and y-axis animations are written separately, and then the two speeds are different, which will form a curved motion. The specific curve can be calculated, just write a
or you can directly give the x and y values of the corresponding key frames
用transform: rotate()
cc http://segmentfault.com/q/1010000002951253/a-1020000002951387
http://codepen.io/zzuieliyaoli/pen/EVVGKM
The key is:
transform-origin、transform: rotate();