perspective 屬性定義 3d 元素距檢視的距離，以畫素計。
當為元素定義 perspective 屬性時，其子元素會獲得透視效果，而不是元素本身。
舞台:容器:
div:
三維變形
三維變形的變形方式：四種方法
旋轉——縮放——平移——扭曲——指定變形基點
transform:rotate(45deg);
該語句使div元素順時針旋轉45度。
transform:scale(0.8,1);
使用縮放的方法實現文字或影象的縮放效果，在引數中指定縮放倍率。該語句使用scale方法使該元素在水平方向上縮小了20%，垂直方向上不縮放。
transform:translate(50px,50px);
使用translate方法來將文字或影象在水平方向和垂直方向上分別垂直移動50畫素。
transform:skew(30deg,0deg);
該例項通過skew方法把元素水平方向上傾斜30度，處置方向保持不變。
在使用transform方法進行文字或影象的變形時，是以元素的中心點為基準點進行的。使用transform-orign屬性，可以改變變形的基準點。
transorm-origin:left bottom;
left和bottom是基準點在元素水平方向和垂直方向上的位置。
元素在定義了變化終點狀態之後，在元素本身設定transition即可形成過渡動畫。
animation屬性值：
屬性說明
@keyframes
定義動畫名稱
animation
所有動畫屬性的簡寫屬性，除了animation-play-state屬性。
animation-name
規定 @keyframes 動畫的名稱。
animation-duration
規定動畫完成乙個週期所花費的時間。預設是0s。
animation-timing-function
規定動畫的速度曲線。預設是 「ease」。
animation
規定動畫何時開始。預設是0s。
animation-iteration-count
animation-direction
animation-play-state
規定動畫是否正在執行或暫停。預設是 「running」，暫停時pause
animation-fill-mode
規定物件動畫時間之外的狀態。forwards：設定物件狀態為動畫結束時的狀態；backwards：設定物件狀態為動畫開始時的狀態；both：設定物件狀態為動畫開始或結束的狀態
1、變換動畫不能自行觸發，通過hover等動作或結合js進行觸發。anmiation可以自行執行。
2、變換動畫可控性較弱，只能指定起始狀態和結束狀態，而animation可以定義多個關鍵幀。
3、變換動畫在執行結束之後，需要回到初始狀態
4、變換動畫的作用在於平滑的改變css樣式
5、animation多兩個引數，迴圈和動畫的方式。
document.getelementbyid('id').style.animationplaystate="running";
document.getelementbyid('id').style.webkitanimationplaystate ="running";
document.getelementbyid('id').style.animationplaystate="running";
document.getelementbyid('id').style.webkitanimationplaystate ="running";
css動畫 -webkit-animation: xuanzhuan 5s infinite linear; animation: xuanzhuan 5s infinite linear;
css3動畫變換
webkit 谷歌瀏覽器 moz 火狐瀏覽器 ms microsoft 微軟w3c標準 o opera ie9 matrix 矩陣 6個引數 a,b,c,d,tx,ty translate 2d平移 x,y div1 webkit keyframes change to rotate 2d選轉 x ...
css3新屬性（下篇）過渡 變換 動畫
語法 transition transition property transition duration transition timing function transition delay 他有四個取值，分別解釋如下 linear 線性過渡。等同於貝塞爾曲線 0.0,0.0,1.0,1.0 e...
css3中的變換 動畫和過渡
變換 分為2d變換和3d變換，但一次只能用乙個變換屬性，多個的話最後乙個會覆蓋前面所有最終被瀏覽器實現，變換可以成為過渡和動畫的乙個待變引數 類似width,opacity等 過渡 是動畫的初始模型和極簡實現，只有初始狀態 初始幀 和啟用狀態 結束幀 動畫 可定義初始幀 中間幀 結束幀，通過多幀 細...