现在网页中流行的css3样式
2014-11-12 11:39
225 查看
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;}
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;}
相关文章推荐
- 现在网页中流行的css3样式
- 现在网页中流行的css3样式
- 总结网页中流行的8种css3样式
- 36种漂亮的CSS3网页按钮Button样式
- 36种漂亮的CSS3网页按钮Button样式,总有你喜欢的
- 11款样式新颖的 jQuery/CSS3 网页菜单
- 11款样式新颖的 jQuery/CSS3 网页菜单
- 8款样式新颖的jQueryCSS3网页菜单
- 36种漂亮的CSS3网页按钮Button样式
- 36种漂亮的CSS3网页按钮Button样式
- 36种漂亮的CSS3网页按钮Button样式
- CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言
- CSS Shake:CSS3抖动样式让你的网页动起来
- CSS3自定义滚动条样式 -webkit-scrollbar
- 牛顿--现在流行胡诌
- 推荐一个网页布局样式的网址
- HTML+CSS使用CSS为网页添加样式 (4)
- 使用 CSS 去掉 iPhone 网页上按钮的超大圆角默认样式
- 网页布局一般常用字体和表格线的样式
- css3 按钮样式简单可扩展创建