perspective

設定元素被檢視位置的檢視

perspective: number|none;

-webkit-perspective: 800px;
-moz-perspective: 800px;
-ms-perspective: 800px;
-o-perspective: 800px;
perspective: 800px;

perspective-origin

設定 3D 元素的基點位置
perspective-origin 屬性定義 3D 元素所基於的 X 軸和 Y 軸。該屬性允許您改變 3D 元素的底部位置。
當為元素定義 perspective-origin 屬性時，其子元素會獲得透視效果，而不是元素本身。

perspective-origin: x-axis y-axis;

-webkit-perspective-origin: 50% 200px;
-moz-perspective-origin: 50% 200px;
-ms-perspective-origin: 50% 200px;
-o-perspective-origin: 50% 200px;
perspective-origin: 50% 200px;

-webkit-box-reflect

製作倒影效果
不是W3C標準屬性，需帶上瀏覽器字首

box-reflect:none | <direction> <offset> <mask-box-image>

-webkit-box-reflect: below 170px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), to(rgba(250, 250, 250, 0.1)));

transform-origin

設定旋轉元素的基點位置

transform-origin: x-axis y-axis z-axis;

transform-origin:20% 40%;