CSS3 transform 属性值 scale 放大缩小后变模糊的解决办法:
transform 属性 scale 缩放动画代码如下,在鼠标经过hover代码加入 transform:translateZ(0) 就可以了。
<style>
.img_box{ width:200px; height:200px; overflow:hidden;}
.img_box img{ width: 100%; transform:translateZ(0) scale(1); transition: all .8s;} /*缩小后不会变模糊*/
.img_box img:hover{ transform:translateZ(0) scale(1.1);} /*放大后不会变模糊*/
</style>
<div class="img_box">
<img src="img.jpg">
</div>
下一篇:
^-^ 已经是最后一篇啦
文章推荐
-
新年寄望:从小做起,活在当下
2019-01-01 20:18 949 -
程序员一周加班7天怎么活?
2019-01-01 19:58 808 -
10+年程序员总结的20+条经验教训
2019-01-01 20:05 793 -
程序员不是砌砖工人,他们是作家
2019-01-01 20:05 903 -
伟大的女程序员们
2019-01-01 20:15 903