The animation can be fully jank free：
- Using `transform: scale(x)` and `transform-origin` to replace the animating of left and top，to decrease browser reflow；
- box-shadow also cause browser repaint which can be taken placed by `transform: translate3d`
- The most complex part is the Ring, which can be implemented by two circles scaled with different speeds, which remove reflow + repaint by animating border at all
All animation is powered by GPU compositing and high performance now!