Windows 10 Pro的About页面有几个微软徽标动画（如图）。如果你喜欢想要下载，但是右键点击时却不会显示“图片另存为”选项，这是因为这几个动画根本不是gif图片文件，而是用css来实现的。
这么新奇有趣的创意源自大神 @Michael Gillett 。你可以看一下 Michael Gillett 展示这些 css 动画效果的 Microsoft loading animations 网页。
Michael Gillett已将Microsoft loading animations项目开源于GitHub，感兴趣的话前去下载吧。
下载地址：https://github.com/MichaelGillett/MicrosoftAnimations
如何显示css动画
你需要先把animations.css上传到你的网站。
注意：需要先删除animations.css中定义网页全局的代码。删除范围从264行 body 开始到292行 footer 结束。
在想要显示css动画的页面中添加链接animations.css代码：
然后在想要显示css动画的地方插入形如以下的代码：
这段代码的显示效果就是本文开始作为例子展示的那个动画效果。
按照类似的代码，总共可以展示六种动画效果。