主要是為了練習一下css3的3d翻轉功能，就做了這麼個小遊戲，做的比較粗糙，但是效果看的見。
主要用到的css3**如下：
html結構：
1<
div
class
="container"
>
2<
div
class
="side"
>34
<
div
class
="front"
>56
div>78
<
div
class
="back"
>910
div>
1112
div>
13div
>
對這部分設定的樣式：
.container .container:hover .side.container, .front, .back .side .front, .back .front .back
這樣，只要滑鼠移入.container就會發生3d翻轉；這個遊戲中略有不同，是點選之後翻轉，**如下：
html結構：
7.../*中間**同上，省略*/
8div
>
js部分：
注意要引入jquery庫，
1 $(function()19}20
else
else
if(this.flag==="error")
3536
37if(t==2),500);
4748 list[p[1]].flag="ok";
49 list[p[2]].flag="ok";
5051 }else
59 t=0;60}
6162}63
}64}65
66}6768 })
css部分主要的**上面已經做過說明了，不再重複了，完整**，請參見
如何用css3做openLayers3的閃爍效果
最近在做地圖上的乙個故障指示器，要求有故障時，此指示器會呈現不同的展現樣式，用閃爍最好了！但openlayers3中沒有閃爍的效果，所以就借助css3的動畫效果了，反正openlayers3也是使用了h5 css的，它們通用。最終的效果是 第一步 在你的地圖html檔案中加乙個div 就這麼一條哦！...
用CSS3做3D動畫的那些事
年會做了個3d變換的 系統，在這裡分享下通過css3製作3d效果的心得。系統雖然夠炫酷，可惜抽的時候出了點bug，好幾百人啊我的小心臟啊。雖然這個鍋後面甩給會場的老爺電腦了 手動白眼 首先介紹幾個實現3d效果的css3屬性 rotatey translatez 這兩個transform屬性值是實現3...
純CSS做3D旋轉魔方
昨天偶然看見 簡單說 用css做乙個魔方旋轉的效果 做的乙個3d旋轉魔方 效果就是本部落格右側公告欄所示 在這裡把做法展現出來 感興趣的可以試試 做成自己特有的魔方 1 doctype html 2 html 34 head 5 meta charset utf 8 6 style 7 最外層容器樣...