Css3旋转，如何给予深度

Question

我正在尝试使用css3制作一个硬币翻转动画，但我无法弄清楚如何给出硬币深度，因为没有深度它会在90度消失，这是不雅观的，有什么建议吗？

Answer 1

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

.parent {
   perspective: 1000px;
}

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