摘要:html代码<div> <img src="static/images/0.jpg" alt="" width="100"> </div>css代码<style type="text/css"
html代码
<div> <img src="static/images/0.jpg" alt="" width="100"> </div>
css代码
<style type="text/css"> div{width: 500px;margin:100px auto;} img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } img:hover{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } </style>
效果图
批改老师:韦小宝批改时间:2018-12-11 09:12:21
老师总结:这种效果在现在的企业站中使用的很多!课后多练习是很重要的哦!