設置-webkit-perspective模糊ipad3屏幕

Question

在iPad3上設置webkit透視CSS屬性會使子元素渲染非常模糊，如果圖像渲染爲非視網膜顯示。爲了清楚我不是在談論圖像渲染模糊，DOM子元素呈現模糊。

可以做些什麼呢？

簡單地刪除屬性不是一個選項，因爲我使用的動畫需要在Z軸中移動。

屬性設置像這樣的CSS：

-webkit-perpective: 500; 

感謝有這方面的幫助！

Answer 1

不知道這會有所幫助，但有這樣的事情本文由前端神大衛DeSandro中的一提，在部分「返回到Z軸原點」：

http://24ways.org/2010/intro-to-css-3d-transforms

爲了保持3-D變換的清晰，Safari會合成元素，然後應用變換 。因此，文本上的反鋸齒將保留在應用轉換之前的任何內容。當在3-D空間中向前變換 時，會出現明顯的像素化...

...要解決圖像失真並恢復像素完美性至我們的#cube，我們可以將3-D對象推回去，這樣正面將爲 定位回Z軸原點。

#cube { -webkit-transform: translateZ(-100px); }