css3 - [CSS] 动画效果 3D翻转bug

Question

我试着做了一个 3d flip card 的动画

demo 在这 https://vanishingdante.github...

但是如果是沿着横向的话，整个页面会横向拉长很多，不知道为什么
但是如果是纵向翻转的话就没有问题

rotateY是有什么隐藏的副作用么

浏览器版本是最新的chrome

Answer 1

// 添加一个超出部分隐藏的样式
flip-card{
    overflow: hidden;
}

Answer 2