- transform-style: 设置元素的子元素是位于 3D 空间中还是平面中。
transform-style: flat 平面空间(默认)
transform-style: preserve-3d 3D空间 - backface-visibility: 指定当元素背面朝向观察者时是否可见。面向观察者通常指的是面向屏幕,也就是用户正面看到屏幕。这个属性在2d中不可见,只在3d空间中可见。因为我们设置硬币的正反面两个元素, 当元素处于背面时(翻转过去了), 应该是看不到的,所以要设置hidden
backface-visibility: visible 可见
backface-visibility: hidden 不可见