我正在尝试使用 3D 转换/过渡的 CSS3 动画效果。我有一个 HTML 容器，它被有效地分成“图块”，另一层位于顶部。我想做的是在单个图块上创建“翻转”效果。
像这样，除非其中一层是纯 HTML（例如，文本）。
.sub {
-webkit-transition: -webkit-transform 0.6s linear;
}
.flip {
-webkit-transform: rotate3d(1,0,0,90deg);
}
在考虑了一段时间之后，我不确定这是否可能。这是我尝试的。
- 带有一些文本作为底层的容器。
- 在顶部铺设瓷砖；将一个图块的不透明度设置为零，创建一个“窗口”。
- 现在将转换应用到背面层。
- 在顶部添加第三层，与第一层相同。
这几乎可行，但不是真的；“窗口”应该会翻转，但当然顶层仍然在窗口上方可见，破坏了效果。
有没有办法实现这种部分翻转效果？