做这个动画是使用css3中的animation 和 @-webkit-keyframes 组合使用来完成

//这是html部分代码
<div class="home"><imgalt="logo"src="http://b-ssl.duitang.com/uploads/item/201206/26/20120626190359_MjB3s.jpeg"id="images"style="width: 200px;height: 200px;border-radius: 50%;"/></div>//这是css部分代码#images {-webkit-animation: spin 5s linear infinite;animation: spin 5s linear infinite;
}
@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);transition: all 5s;}
}

上面的代码粘贴后直接就能运行，也可以绑定触发器，例如：#images 可以写为 #images:hover 表示给绑定了一个触发器hover，当鼠标在图片上方时动画才执行

下面我们简单介绍一下animation和@-webkit-keyframes的属性

animation （在使用的时候可以加上-webkit-做下兼容处理）是一个复合属性，定义如下：
an