CSS 旋转切断 table Chrome

Question

所以我一直在修补这个似乎突然出现的问题。我似乎找不到任何相关问题，所以它可能只是最近一次 Chrome 更新，但我想确保我没有遗漏任何明显的问题。

当我尝试使用 table 元素并使用 rotateX(45deg) 将其向后旋转时，它会切断网格的右侧。当我减少旋转时，这种切断会继续，直到 20 度停止。更改旋转是解决我目前发现的问题的唯一方法。

这是一个 CodePen 被截断的地方。这是旋转 table 的部分：

.perspective-table {
    width: 200%;
    height: 100%;
    margin-left: -50%;
    background-color: black;
    border-collapse: collapse;
    position: absolute;

    -webkit-transform: rotateX(45deg);
    transform: rotateX(45deg);

    -webkit-box-shadow:0 0 30px 3px #cc39e0;
    -moz-box-shadow: 0 0 30px 3px #cc39e0;
    box-shadow:0 0 30px 3px #cc39e0;
}

提前致谢，如果需要更改或删除 post！

中的任何内容，请告诉我

编辑：自 post 以来，我在 Chrome 的 PC (1920x1080) 上对此进行了测试，但没有遇到此问题。所以这可能是部分原因。

规格：

Chrome (v62.0.3202.62)
MacOS 2560 x 1600 (v10.12.5)

Answer 1

看来问题已自行解决。这可能是由 Chrome 62（10 月 17 日）引起并在 Chrome 63（12 月 5 日）解决的错误。

如果其他人遇到此问题，请尝试更新您的网络浏览器。

CSS 旋转切断 table Chrome

CSS rotate cutting off table in Chrome

html

css

css-transforms