css3 transform之后,图片的清晰度下降解决方式

Posted on 2020-09-24 11:41  凡凡0410  阅读(1070)  评论(0编辑  收藏  举报
我之前的css写的是
.expand{
    transition: all .5s;
    transform: rotate(90deg);
   
}

发现1是原始的,2是旋转之后,图片的清晰度下降

 

 

经过搜索

.expand{
    transition: all .5s;
    transform: rotate(90deg) translateZ(0);
    -webkit-transform: rotate(90deg) translateZ(0);
    // -webkit-transform-origin: 50%  51%;   这一句中的百分比我看基本是这个百分比,也有的50%,53%的,可以微调,但是我加了这一句,没起作用,然后我加了translateZ(0)这一句,立马变清晰
 }

 

 

 

Copyright © 2024 凡凡0410
Powered by .NET 9.0 on Kubernetes