问题
几年前，当CSS动画刚出来的时候是多么的令人兴奋，那时 Chris Coyier 问我，有没有什么方式使用CSS让元素绕一个圆形的路径运动。当时，它只是一个有趣的想法，但我在无意中发现有很多这方面的用例。例如，Google+添加新成员就使用了这样一个动画。如下图所示：
一个与众不同而又有趣的例子可以看看 俄罗斯科技网站 的404页面，如下图所示：
通常在404页面上是一个很好的实践地方，下如上图所示，他提供网站主要几个领域的导航菜单。这几个菜单绕着一个圆形路径运动。
然而，每一个菜单项类似行星绕着地球转上一圈，而且上有的文字写着“飞往其他星星的宇宙”。当然，如果只移动行星绕着循环的路径转而文字不旋转，这将使这些文本几乎无法阅读。这只是众多例子之中的一个。但我们怎样才能使用CSS动画达到这样的效果呢？
我们来写一个非常简单的示例，一个头动绕着圆形的路径循环的旋转，这个有点像前面提到的Google+效果的简化版。其结构如下：
查看更多关于CSS秘密花园：沿着路径的动画_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did111857