使用Webkit中的transform：rotate（）禁用HTML元素的抗锯齿

Question

假设我想使用HTML元素渲染此图片而不使用抗锯齿：

我想要制作一个方形div，然后将其旋转45度。但这样做可以消除边缘，如下所示：

我设法通过使用transform: translateZ(1px) rotate(45deg);仅在Firefox上绕过了这个，但我想在Webkit上做同样的事情。

How I made the square