Web前端开发 网页设计流行的CSS3样式

web前端开发与网页设计|html css前端开发工具|网页前端开发需要学什么?

1、鼠标放在圆形图片中,图片渐渐的变方形;

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 前端开发插件

» 本文来自:前端开发者 » 《Web前端开发 网页设计流行的CSS3样式》
» 本文链接地址:https://www.rokub.com/3465.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!