如何在使用CSS变换时修复模糊内容？

Question

我正在使用CSS和JavaScript设计联系表单。我在CodePen上找到了一个很好的例子。但它的联系表格越来越模糊。我使用了-webkit-backface-visibility: hidden;和-webkit-transform: translateZ(0);，但它没有解决问题。任何人都可以帮助我吗？

这是CodePen示例的链接：

example

Answer 1

尝试添加此内容：

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

<强>之前

<强>后