为什么我的 webkit 转换 CSS 不能按预期工作？答案

【问题标题】：Why does my webkit transform CSS not work as expected?为什么我的 webkit 转换 CSS 不能按预期工作？
【发布时间】：2012-07-29 16:55:56
【问题描述】：

我有一个您可以从http://dl.dropbox.com/u/16178847/eyewitness/a/b.html 查看/下载的页面，但我无法确切知道如何做我想做的事情。我想要的是卡片翻转效果，一方面，能够单击以显示/隐藏页眉和页脚。您可能需要一个 webkit 浏览器才能使用它。

我的页眉和页脚显示/隐藏工作：单击照片上的任意位置（或包含 div）以显示/隐藏页眉/页脚。

我什至可以完成大部分翻转工作：单击信息图标，然后单击后退图标/单词。我正在苦苦挣扎的是让图像在翻转时消失，并且让背面（目前在正面下方）实际上与正面在同一个位置，所以它看起来真的像一张卡片翻转。

你会在我的 CSS 中看到我注释掉了两行。它们是我期望必须使用的，但不起作用。 .face 上的第一个使图像和页脚消失，而 .photo 上的第二个则什么也不做。我在这里错过了什么？

【问题讨论】：

【解决方案1】：

我认为本教程应该会有所帮助：http://css3.bradshawenterprises.com/all/

您可能还需要使用 jquery 来添加/删除一些类。

【讨论】：

谢谢。我目前正在阅读这篇文章，但仍在苦苦挣扎。我很快就会再去一次。如果它能让我解决我的问题，我会接受你的回答。
好吧，在阅读了那篇文章后，我（再次）从头开始，并让它发挥作用。不知道有什么区别，而且因为我是从头开始的，所以要比较的变化太多了，不值得做。感谢您为我指明本文的方向。