使用rotateZ(360deg)旋转图像后 导致旋转时页面中其他文字变模糊？

Question

想实现的效果是鼠标hover一张图片 让图片旋转360度

css如下：

但是旋转过程中，页面的其他文字会变模糊。。。

查了下资料，发现貌似强制把文字的宽度高度变成偶数就不会模糊了？。。这是bug么。。
还有啥好的解决办法没？