如何在使用CSS轉換時修復模糊內容？

Question

我使用CSS和JavaScript設計聯繫表單。我在CodePen上找到了一個很好的例子。但其聯繫形式變得模糊。我已經使用-webkit-backface-visibility: hidden;和-webkit-transform: translateZ(0);，但它沒有解決問題。誰能幫我？

這是鏈接到CodePen例如：

example

Answer 1

嘗試添加此：

.envelope { 
    … 
    -webkit-font-smoothing: antialiased; 
} 

以前

後