30种炫酷CSS鼠标滑过按钮特效

插件特效

2026-07-26 07:26 3 次浏览 • 0 次下载 3.9KB

插件描述：这是一组使用CSS3制作的炫酷鼠标滑过按钮动画特效。这30种鼠标滑过按钮的动画特效分别使用CSS3 transition和transform属性来制作按钮边框，文本动画以及流光动画效果，各种效果都非常有创意。

1、解压后复制css文件夹下的main.css到项目的css文件夹

2、复制js文件夹下的jquery-2.1.1.min到项目的js文件夹

3、引用css文件

1	`<link` `rel="stylesheet"` `type="text/css"` `href="css/main.css"` `/>`

4、引用jquery

1	`<script` `src="js/jquery-2.1.1.min.js"` `type="text/javascript"></script>`

5、创建按钮

按钮通过div实现，在需要创建按钮的地方插入??

1	`<div` `class="sim-button button1"><span>登录</span></div>`

6、具体示例可参考解压根目录下的index.html