如何用CSS3实现旋转图标特效
《img src=“图标.jpg“ class=’xuanzhuan’ /》
.xuanzhuan{animation:xz 1s linear infinite ;}
@keyframes xz{
from {transform:rotate(0deg);}
to{transform:rotate(360deg);}
}infinite 旋转不限次数，也可以改成1，旋转一次网页特效代码
在HTML文件中添加网页特效代码，一般有三种情况。
第一，只加在HTML文件头部，即HTML文件中《head》……《/head》之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。
第二，只加在HTML文件体部。即HTML文件中《body》……《/body》之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。如在你题目中提到的就属于这一类。
除上述情况外，多数代码需要先在头部（《head》……《/head》之间）在上一些属性性质的代码，但是特效的主代码需要添加在体部（body》……《/body》之间），否则，特效不能正常显示，有时还会出现错误，影响整个页面的正常显示。
添加特效代码的方法：
先要用HTML编辑软件，如常见的文本编辑器“记事本”，打开需要编辑的文件，根据特效代码的要求，在文件中找到相应位置，复制，粘贴特效代码，保存即可。修改完毕后，即可在浏览器中看到相应的效果。
在添加的时候一定要注意，一定要按照特效源码的要求添加，此外，还要保证源码的完整性，一个标点符号都不能少，也不能多。
另外要说的是，根据我的经验，直接从网上复制来的代码，不一定都能直接粘贴了用，一部分必须通过一个软件来中转。比如，先把网上的代码复制后，粘贴到“记事本”中，然后再复制、粘贴到相应的文件位置上。
最后，介绍你几个经典网页特效站。
1、网页特效集锦：http://www.helpor.net
2、javascript网页特效：http://www.baron.com.cn/javascript
3、万旭网页特效：http://js.wanxu.com
4、网页特效梦工厂：http://www.zlce.net/web
5、网页制作大宝库网页特效大全：http://www.dabaoku.com/texiao
JS实现点击文字对应DIV层不停闪动效果的方法
这篇文章主要介绍了JS实现点击文字对应DIV层不停闪动效果的方法,实例分析了javascript操作div层的效果,非常实用,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JS实现点击文字对应DIV层不停闪动效果的方法。分享给大家供大家参考。具体分析如下：
在很多娱乐网站我们经常看到这种效果，点击网页中某个方块中的文字，然后整个方块就不停的闪动起来，很不错的一个动态效果，容易引起顾客的注意，这个代码就是实现了这个效果，点击某个方块后，方块就会闪动
代码如下:
《!DOCTYPE
html
PUBLIC
“-//W3C//DTD
XHTML
1.0
Transitional//EN“
“
-css3旋转
