使用CSS 轉換修改元素的比例時,可以觀察到Webkit 瀏覽器中的周圍文字似乎略有渲染過渡期間有所不同。對於具有 -webkit-font-smoothing: antialiased 設定的元素,不存在此問題。
一種解決方案是使用 -webkit-transform:translateZ(0px) 屬性在父元素上強制進行硬體加速。此操作強制啟動硬體加速,有可能解決渲染問題。但是,請注意,此駭客攻擊會停用字體平滑,可能會導致文字渲染品質降低,具體取決於字體、瀏覽器和作業系統。
以上是如何防止 Webkit 瀏覽器中 CSS 轉換期間文字渲染變更?的詳細內容。更多資訊請關注PHP中文網其他相關文章!