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

我之前的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)这一句，立马变清晰

 }

 

 

 

.expand{
    transition: all .5s;
    transform: rotate(90deg) translateZ(0);
    -webkit-transform: rotate(90deg) translateZ(0);
    // -webkit-transform-origin: 50%  51%;
}