总结了现在比较流向的网页面中常见的CSS3样式,有兴趣的童鞋可以了解下!
方法/步骤
1
1、适合头像鼠标放在圆形图片中,图片渐渐的变方形img{border-radius:50%;transition: all .4s ease-out;}a:hover img{border-radius:0px;}
2
2、当鼠标放到菜单或者图片上时,菜单或图片会渐渐的移动 a{transition:all 0.3s ease-out 0s;color:#000;} a:hover{margin-left:5px; text-decoration:none;}
3
3、当鼠标放到图片上,图片会旋转一定的角度i{ background: url(../images/lobg.png) no-repeat; width:30px; height:30px;}i:hover{ background-position: 0 -30px; transition: all .4s ease-out;}