首頁 >web前端 >css教學 >如何修復 Firefox 3D CSS 轉換中的鋸齒狀邊緣?

如何修復 Firefox 3D CSS 轉換中的鋸齒狀邊緣?

Barbara Streisand
Barbara Streisand原創
2024-11-03 10:53:02531瀏覽

How to Fix Jagged Edges in Firefox 3D CSS Transformations?

3D CSS 轉換:解決Firefox 中的鋸齒狀邊緣

與Chrome CSS 轉換的鋸齒狀邊緣問題並行,也會出現類似的問題在3D 轉換期間使用Firefox。可以在此 JSFiddle(特定於 Firefox)找到範例:http://jsfiddle.net/78dK/5/。

與 Chrome 不同,backface-visibility 在 Firefox 中不提供解決方案。

解決方法:

解決方法1(大綱屬性):

為了更通用的解決方案,可以考慮新增透明的輪廓屬性:

此方法已在Firefox 10.0.2 Windows 7 上驗證:http:// /jsfiddle.net/nKhr8/.

解決方法2(邊框屬性):

或者,您可以新增顏色與背景相符的邊框屬性:

當背景顏色已知(例如,白色)時,此選項有效在這種情況下):http://jsfiddle.net/LPEfC/。

以上是如何修復 Firefox 3D CSS 轉換中的鋸齒狀邊緣?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn