Iphone 如何使用纯CSS3翻转.html页面？

我正在寻找一个没有任何javascript纯CSS3的教程。 我已经为iPhone创建了两个页面（page1.html，page2.html），并且使用CSS3和-webkit属性

为了连接这些站点，我创建了一个next和back按钮。 点击下一个按钮时，加载page2.html，点击backbutton时，加载page1.html

到目前为止，这是有效的

我想尝试使用更多的webkit属性来获得像中一样的翻转效果

所以，当点击我的下一个按钮时，page2.html应该被翻转过来。单击/点击backbutton时，页面1.html应被翻转

我是新手，希望能得到一些帮助。你知道关于我的问题的教程吗

---

我脑海中浮现的另一个问题是，是否可以单独加载page2.html，还是我只需要构建一个包含page1.html和page2.html内容的页面？

您只需要构建一个包含两个部分/分区的页面，其中包含翻转内容。然后你可以使用

转换：rotateY

…或者，也许可以用AXAJ或其他东西加载第二个页面，但因为我认为这是CSS，你必须将所有内容放在一个页面中，包含两个部分/div

互联网上有很多页面翻转演示。它的灵感来自于一个——还有一些人使用的更多的是挤压而不是翻转。

注意：

-webkit

属性不是CSS3标准的一部分，它们是CSS的私有Safari扩展。您应该使用

transform

并仅将

-webkit transform

用作备用。您将如何使用CSS处理单击或点击？@Franci Penov-感谢您的提示。