如何消除“奇怪效果” CSS（图片里面）

Question

当我将标题放置在容器中（在本例中为模式）时，会出现白色的小垂直边框。如何消除它们并保持相同的HTML结构？

Link on CodePen

<div class="overlay">
  <div class="modal">
    <div class="modal__heading">

    </div>
  </div>
</div>

Answer 1

这似乎是由transform引起的。您必须通过对transform ed元素使用以下规则来解决此问题：

-webkit-backface-visibility: hidden;

预览

演示： CodePen

此处有更多信息：backface-visibility。