CSS 3D - rotate旋轉90度看不到的原理 和 解決方法

原理：

旋轉元素的坐標有三個 ：X（向右）,   Y（向左） ,   Z（向電腦屏幕的你）

當沒有位移旋轉元素時，元素 Z 坐標也會同着一起旋轉 ，當一個物品旋轉到90度時，我們只能看到它的厚度，而div元素是沒有厚度的，所以就會看不到 。

解決：

可以在旋轉后加上位移，則 意味你的視角也會發生變化 ， 如同一架飛機從你眼前飛過 ( 左右方向 ) ，可以看到 其側邊的內容 。 這就是元素旋轉90度加上位移就由消失到顯示的原因 。