Css3旋转，如何赋予深度

Question

我正在尝试使用 css3 制作一个硬币翻转动画，但我不知道如何赋予硬币深度，因为没有深度，它会在 90 度时消失，这是难看的，有什么建议吗？

Answer 1

您需要使用属性透视图。 透视图必须应用于您要旋转它的父元素。

.parent {
   perspective: 1000px;
}

.child {
   transform: rotateY(50deg);
}