标签:style blog http color io os ar strong sp
原文地址【http://www.w3cfuns.com/blog-5402109-5400903.html】
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-position: 0 -30px; transition: all .4s ease-out;}
标签:style blog http color io os ar strong sp
原文地址:http://www.cnblogs.com/ishenghuo/p/4022550.html