您的位置：首页 > 其它

图片缩放效果

2015-12-14 11:51 330 查看
<style>

* {

padding: 0;

margin: 0;

}

.warp {

border: 1px solid red;

margin-top:100px;

overflow: hidden;

display: inline-block;

height:300px;

width:300px;

}

.warp img {

-webkit-transition:all 1.05s linear;

-moz-transition:all 1.05s linear;

transition:all 1.05s linear;

margin:0 auto;

}

.warp img:hover{

transform: scale(1.05);

}

</style>

</head>

<body>

<div class="warp">

<img src="imager/index_wwz019.jpg" alt="">

</div>

</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航