<!--邮件订阅按钮开始-->点击这里使用E-mail订阅本Blog：
<!--邮件订阅按钮结束-->
鼠标经过的效果
在一网页看到一效果，就是鼠标移上按钮时，按钮是突起的，鼠标移走后，就又恢复为平的了，我本以为是翻转图片，后下载下来看，它是一个小表格，在上面用了样式。
代码如下：
<style>
.style1{...}{background-color:#CCCCCC;border-left:1pxsolid#F5F5F5;border-top:1pxsolid#F5F5F5;border-right:1pxsolid#333333;border-bottom:1pxsolid#333333;width:80px;height:20px;}
.style2{...}{background-color:#CCCCCC;border-left:1pxsolid#000000;border-top:1pxsolid#000000;border-right:1pxsolid#F5F5F5;border-bottom:1pxsolid#F5F5F5;width:80px;height:20px;}
</style>
<tableid=myButton><tr><tdalign=centeronMouseover=this.className='style1'class=style2onMouseout=this.className='style2'>Button</td></tr></table>
【转自：http://bbs.blueidea.com/thread-1421781-1-1.html】 <!-- Feedsky FEED发布代码开始 --> <!-- FEED自动发现标记开始 --> 点击这里使用RSS订阅本Blog：
<link rel="alternate" href="http://feed.feedsky.com/softwave" type="application/rss+xml" title="RSS 2.0">
<!-- FEED自动发现标记结束 --><script language="javascript"><!--
main_sub="c1s67";
more_subs="";
--> </script><script language="javascript" src="http://www.feedsky.com/jsout/publishlist_v2.js?burl=softwave&out_html=true"></script><!-- Feedsky FEED发布代码结束 -->
分享到：
相关推荐
不需要JS实现的浮动过显示立体效果，纯CSS实现按钮效果
纯css3鼠标经过按钮边框动画特效
纯CSS3鼠标经过按钮背景填充动画特效，通过css3来实现按钮背景填充动画的特效，非常适合企业网站的或者商城网站，按钮的效果一般用途网站会员的注册于登录，使用动画特效，让页面观看起来更加美观！
纯CSS3鼠标经过按钮背景填充动画特效
这是一款css3鼠标悬停按钮的动画。该动画效果在鼠标悬停到超链接上面的时候，通过伪元素来制作边框浮动动画，效果非常炫酷。
css3鼠标滑动按钮动画效果是一款实用的网页css3鼠标滑过动态按钮动画效果代码。
创意CSS3鼠标经过按钮动画翻转特效是一款分为4种颜色和3种尺寸大小，并且在鼠标滑过按钮时带有炫酷的翻转效果。
这是一款CSS3鼠标hover按钮过渡动画效果。该CSS3鼠标hover按钮过渡动画效果共有两组效果，一组是按钮背景过渡动画效果，一组是按钮边框过渡动画效果。
使用css3写的简单的鼠标滑动按钮demo
纯css3实现鼠标移入div图片后按钮飞入动画效果 纯css3实现鼠标移入div图片后按钮飞入动画效果
CSS3鼠标Hover按钮动画特效是一款使用flex来进行布局，并通过css transition来实现动画效果。
CSS3鼠标悬停按钮滑动特效CSS3鼠标悬停按钮滑动特效CSS3鼠标悬停按钮滑动特效
创意CSS3鼠标经过按钮动画翻转特效是一款分为4种颜色和3种尺寸大小，并且在鼠标滑过按钮时带有炫酷的翻转效果。
CSS3实现鼠标悬停链接按钮代码是一款鼠标悬停动画按钮特效代码。
这是一款鼠标hover按钮动画特效。该特效共有5种hover动画效果，它们在结构布局上使用flex来进行布局，并通过css transition来实现动画效果。
css3鼠标悬停按钮线条动画效果代码是一款可以横竖屏滚动，循环或者不循环滚动，回调函数应用等特效。
纯CSS实现鼠标经过图片特效炫酷切换动画代码下载。
纯css3鼠标悬停按钮变大高亮显示 纯css3鼠标悬停按钮变大高亮显示
纯CSS3按钮3D效果，在鼠标点击按钮时，按钮会有下凹的视觉效果，非常好看。