自助建站、网页设计教程

小例子：用自定义class实现图片旋转。

得益于css3强大的动画库，coolsite360也把它们引入使用，使得建站更自由、更得心应手。

具体css3动画库解析，点击可参考：animation动画库解析

下面我们通过coolsite360来实现这样一个小例子。

1.先给图片默认样式加CSS3语句。
animation: rotate 10s linear infinite ;

2.给图片自定义一个class为imgRotate。里面写控制动效暂停的CSS3代码。

3.给button设置触发器让图片切换class，得到以下效果。

4.预览效果，更多CSS3玩法等你来试。