正面是，當滑鼠懸停到上，背面出現文字。
"container">
"content">
"face pictures">
"face text">濃縮咖啡
"content">
"face pictures">
"face text">卡布奇諾
"content">
"face pictures">
"face text">拿鐵
"content">
"face pictures">
"face text">摩卡
初始狀態
當滑鼠懸停到某圖上
注意：當滑鼠懸停到上時，背面的文字顯示出來，這就要求和文字有一定的位置關係。當把和文字的父容器設定為相對定位，和文字都設定為絕對定位的時候，和文字都會脫離了原有的文件流，有乙個層疊的效果，就會出現當滑鼠懸停到上，旋轉，背面出現文字；也可以把和文字的父容器設定為相對定位，只把設定為絕對定位，也會出現當滑鼠懸停到上，旋轉，背面出現文字，因為當設定為絕對定位的時候，就脫離了原有的文件流，並且其原來的位置也不會保留，這樣文字就可以佔據原來的位置。
應該在文字的初始狀態就讓文字翻轉180度，這樣當滑鼠懸停到上（其實是懸停到和文字的父容器上），文字再次翻轉，就被翻轉回來。
3D空間變換
它相當於是平移變換 t 和旋轉變換 r 的復合，等距變換前後長度，面積，線線之間的角度都不變。自由度 6 旋轉變換r自由度 3，平移變換t自由度 3 t rt0t 1 t begin r t 0 t 1 end t r0t t1 4x4矩陣 eigen isometry3d eigen isomet...
3d變換 Css 筆記
transform rotate 45deg 中心旋轉45度 transform origin top center left right bottom 百分比 百分比時，第乙個值為從左到右，第二個值為從上到下 例 transform origin 100 50 表示的位置是乙個盒子的最右邊的中點 ...
Windows UWP開發系列 3D變換
在win8.1中，引入了乙個planeprojection可以實現3d變換，但它的變換方式比較簡單，只能實現基本的旋轉操作。在windows 10 uwp中，引入了乙個更加強大的3d變換transform3d，系統缺省內置了兩中變換方式 perspectivetransform3d和composit...