最近在 CSS Secrets 一书看到了这样一节：让一个元素沿环形路径平移。这是一个 css 动画的问题，但却没有看上去那么简单，其关键点是元素是平移的，也就是说，元素自身并不发生旋转，只是稳定地沿着一个环形的路径移动，在书中作者 Lea Verou 已经给出了解答，不过，我认为再补充一点周边细节知识可能会更易于理解。因此，本文整理了一些东西，将尝试更详细地解答这个问题。

背景 最近公司内部oa系统升级，需要增加文件在线预览服务，最常见的文件就是office文档，一开始构思几个方案，比如office软件自带的文件转换，openoffice转换，offce365服务，as

推荐一个用Spring Boot搭建的文档在线预览解决方案： kkFileView，一款成熟且开源的文件文档在线预览项目解决方案，对标业内付费产品有【永中office】【office365】【idoc

之前做图片、视频上传预览常用的方案是先把文件上传到服务器，等服务器返回文件的地址后，再把该地址字符串赋给img或video的src属性，这才实现所谓的文件预览。实际上这只是文件“上传后再预览”，这既浪费了用户的时间，也浪费了不可轻视的流量。 最近上网查资料才知道其实可以很轻松地…