css3绘制环形_Windows10开机动画的纯CSS3实现

关于这精致动画网上已有些相关实现方案，唯独没有HTML5实现，笔者在此给出纯CSS3实现的版本，化繁为简。以最简洁优雅的方式实现最接近原生的效果，并在此基础上融入增强色彩渐变。

为了接近自然，测试过很多参数，最终只达到了如下视频的效果。

动画效果展示https://www.zhihu.com/video/1036029607085973504

原生动画剖析：

原生动画效果更流畅自然

仔细观察之下会发现：

圆点结束的位置就是该圆点开始的位置，圆点出发位置并不是都在底部，而是第一个在底部，后面的紧接着前面一个，像球在环形管道