transform scale 放大图片时,图片变模糊

Posted btxlc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了transform scale 放大图片时,图片变模糊相关的知识,希望对你有一定的参考价值。

需求中有一个功能是,鼠标移入放大图片,transform:scale(10),可是图片放大后会模糊

只需要加一个translateZ(0) 就可以解决了。

样式代码如下:

 

transform:translateZ(0) scale(10);

 

以上是关于transform scale 放大图片时,图片变模糊的主要内容,如果未能解决你的问题,请参考以下文章

CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)

jquery如何让图片放大旋转一定角度

CSS实现鼠标移入时图片的放大效果及缓慢过渡效果-案例

CSS实现鼠标移入时图片的放大效果及缓慢过渡效果-案例

鼠标经过时图片放大

使用canvas画图,图形模糊怎么办