css3中的transform可以做2d操作，當然也有3d操作。
3d效果的顯示在於父元素必須有乙個perspective屬性。
例如：
perspective屬性可以定義3d視覺的角度，可以使子元素顯示3d特效。
perspectice視距，表示視點距離螢幕的長短，視點，用於模擬透視效果時人眼的位置
perspective一般作為乙個屬性，設定個父元素，作用於所有3d轉換的子元素
例如：
perspective
:150px;
perspective-origin屬性定義x和y軸為基礎的3d位置
perspective-origin使用方法：
屬性值：(x軸:left,center,right,長度，百分比；y軸:left,center,right,長度，百分比)
perspective-origin
: 40% 60%;
perspective-origin
: 40px 60px;
perspective-origin
: left bottom;
perspective和perspective-origin受影響的是子元素，而非元素本身 perspective 3D透視簡介
perspective 屬性定義 3d 元素距檢視的距離，以畫素計。該屬性允許改變 3d 元素檢視 3d 元素的檢視。當為元素定義 perspective 屬性時，其子元素會獲得透視效果，而不是元素本身。所以要使元素有透視效果，需設定其父元素的perspective屬性。當perspective n...
3d相簿彈出效果02
在3d 相簿基本的布局完成之後，接下來需要完成的是滑鼠拖拽的效果。描述 滑鼠向右移動，整個相簿跟隨滑鼠旋轉，向下移動時，整個相簿的視角向下傾斜。主要涉及到滑鼠按下，移動和抬起三個事件 滑鼠按下事件 document mousedown function e 滑鼠移動事件 this mousemove...
網頁元素3D效果展示
作為乙個前端從業人員，相信大家對z index都不陌生，那麼在乙個平面的世界裡，怎麼理解z index這個屬性。在理解z index的時候，我們首先要清楚，乙個頁面是怎樣構建座標軸的，以電腦屏左上角為起點，水平方向從左往右為x軸正向，垂直方向從上往下為y軸正向，螢幕從裡往外為z軸正向，這樣就形成了我...