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

所属分类:UI-悬停

 3546  80  查看评论 (4)
30种炫酷CSS鼠标滑过按钮特效 ie兼容10

使用方法

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

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

3、引用css文件

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

4、引用jquery

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

5、创建按钮

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

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

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


相关插件-悬停

css3 tranfm鼠标悬停旋转

jquery加css3实现 tranfm鼠标悬停旋转效果
  悬停
 6342  76

jQuery图片悬停插件HoverEx

图片悬停精美动画效果HoverEx插件
  悬停
 3735  84

JQuery 鼠标悬停放射出炫幻效果

JQuery 鼠标悬停放射出炫幻效果 CSS 里面还带字体哦
  悬停
 6603  67

12种CSS3 hover效果插件

非常好看实用的CSS3的hover效果, 用transition 、amination 制造好看及实用的交互体验
  悬停
 8187  96

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    shinsou0
    2017/1/6 10:01:22

    非常不错,正在努力学习

    回复
    没见过的海S0
    2016/12/5 14:12:22
    请问怎样在鼠标悬停的时候,文字能变色?从白变成其他的颜色,  我加在  before或者 hover before 里 都没有用 回复
    ztt_tongchuan0
    2016/12/2 13:12:01
    这个效果还不错 回复
    HuHuaChuan0
    2016/11/30 10:11:24
    不用引入jQuery吧,根本就没用到,你这使用方法误导人啊 回复
取消回复
    PROMULGATOR

    vocco

    广东省佛山市