css转换期间的像素化图像

当下面的转换发生时，图像会在一两秒钟内变成像素化。你知道它为什么会发生以及如何修复吗

#图片{
高度：96px；
宽度：96px；
-webkit过渡：所有0.05秒都会轻松过渡；
-moz转换：所有0.05秒都会变慢；
-o型过渡：所有0.05秒均缓解；
过渡：所有0.05秒都会变缓；
背景色：黑色；
}
#图片：悬停{
高度：106px；
宽度：106px；
-webkit过渡：所有0.05秒都易于使用；
-moz过渡：所有0.05秒都容易进入；
-o型过渡：所有0.05秒都容易进入；
过渡：所有0.05秒都容易进入；
}

---

使用和禁用该功能，而不是更改

宽度

和

高度

属性

就性能而言，使用

transform

将产生更好的FPS，因为它避免了浏览器回流

#图片{
高度：96px；
宽度：96px；
-webkit过渡：转换0.05秒缓解；
-moz转换：转换0.05秒缓解；
-o型过渡：转换0.05秒缓解；
转换：转换0.05秒缓解；
背景色：黑色；
变换原点：0；
}
#图片：悬停{
变换：比例（1.141）；
}

---

原始图像的大小太大了。它是2000x2000像素，我把它降到128x128。现在像素消失了！但是谢谢你们的优化

你们有什么例子吗？如果你能在代码笔中添加你需要的东西，也许会有帮助，看看圆的边框？在转换之后，它会被像素化一秒钟