码迷,mamicode.com
首页 > Web开发 > 详细

现在网页中流行的css3样式

时间:2014-11-12 13:28:02      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:style   http   io   color   ar   os   sp   strong   on   

1、鼠标放在圆形图片中,图片渐渐的变方形【17素材头像的特效,觉得不错就研究下来了 ———— 17sucai.com

img{border-radius:50%;transition: all .4s ease-out;}

a:hover img{border-radius:0px;}


2、当鼠标放到菜单或者图片上时,菜单或图片会渐渐的移动  【忘记在哪看的了,不过效果确实很不错

a{transition:all 0.3s ease-out 0s;color:#000;} 

a:hover{margin-left:5px; text-decoration:none;}



3、当鼠标放到图片上,图片会旋转一定的角度,【类似天猫首页右侧的便民服务,其实原理就是相同的背景图片

i{        background: url(../images/lobg.png) no-repeat; width:30px; height:30px;}


i:hover{         background-position0 -30px;       transition: all .4s ease-out;}

现在网页中流行的css3样式

标签:style   http   io   color   ar   os   sp   strong   on   

原文地址:http://www.cnblogs.com/msisliao/p/4091741.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!