今天給大家?guī)硪粋€CSS3制作的翻牌效果，就是鼠標(biāo)移到元素上，感覺可以看到元素背后的信息。大家如果制作考驗記憶力的連連看、撲克類的游戲神馬的，甚至給女朋友寫一些話語，放在使用該實例制作的相冊之后都可以嘗試下，哈~效果圖：實例用到的一些CSS3的新屬性： a、-webkit-perspective: 800px; perspective （透視，視角）：屬性定義 3D 元素距視圖的距離，以像素計。該屬性允許您改變 3D 元素查看 3D 元素的視圖。決定了你所看到的是2D transform 還是3D transform 。b、-webkit-transform-style: preserve-3d; transform-style 屬性規(guī)定如何在 3D 空間中呈現(xiàn)被嵌套的元素。默認(rèn)flat（平的），我們3D效果，然后選擇3D。c、-webkit-b

1. HTML5/CSS3專題 CSS3打造百度貼吧的3D翻牌效果的經(jīng)典案例

簡介：首先感謝w3cfuns的老師~今天給大家?guī)硪粋€CSS3制作的翻牌效果，就是鼠標(biāo)移到元素上，感覺可以看到元素背后的信息。大家如果制作考驗記憶力的連連看、撲克類的游戲神馬的，甚至給女朋友寫一些話語，放在使用該實例制作的相冊之后都可以嘗試下，哈~效果圖：實例用到的一些CSS3的新屬性： a、-webkit-perspective: 800px; perspective

2. CSS3打造百度貼吧的3D翻牌效果

簡介：本篇文章主要介紹了CSS3打造百度貼吧的3D翻牌效果示例，非常具有實用價值，有想去的可以了解一下。

3. HTML5 css3：3D旋轉(zhuǎn)木馬效果相冊

簡介：這篇博客的目的是因為上篇HTML5 CSS3專題 誘人的實例 CSS3打造百度貼吧的3D翻牌效果中有個關(guān)于CSS 3D效果的比較重要的知識點沒講到，就是perspective和tranlateY效果圖：嘿嘿，我把大學(xué)畢業(yè)時的一些照片，做成旋轉(zhuǎn)木馬，繞著我大文理旋轉(zhuǎn)，不忘母校的培育之恩~1、perspectiveperspective屬性包