纯CSS实现简单骨骼动画

最终动效演示 细心的同学会发现上面实现的骨骼动画看着也别扭，归根结底是各个元素摆动的方向和幅度没有调节好，这里附上调整完的效果，用心感受： .animate-4 .s-1 { animation swing4-1 5s ease-in-out infinite; transform: rotate(-2deg); transform-origin: top center; } .animate ease-in-out infinite; transform: rotate3d(0, 1, 0, 20deg); transform-origin: top center; } .animate