div {
　　transform: translate(50px,100px);
　　-webkit-transform: translate(50px,100px); /* Safari and Chrome */
}

div {
　　transform: rotate(30deg);
　　-webkit-transform: rotate(30deg); /* Safari and Chrome */
}

div {
    -webkit-transform: scale(2,3); /* Safari /
    transform: scale(2,3); / 標(biāo)準(zhǔn)語法 */
}

div {
    transform: skew(30deg,20deg);
    -ms-transform: skew(30deg,20deg); /* IE 9 /
    -webkit-transform: skew(30deg,20deg); / Safari and Chrome */
}

 translate3d(x,y,z)    定義 3D 轉(zhuǎn)化。
translateX(x)    定義 3D 轉(zhuǎn)化，僅使用用于 X 軸的值。
translateY(y)    定義 3D 轉(zhuǎn)化，僅使用用于 Y 軸的值。
translateZ(z)    定義 3D 轉(zhuǎn)化，僅使用用于 Z 軸的值。
scale3d(x,y,z)    定義 3D 縮放轉(zhuǎn)換。
scaleX(x)    定義 3D 縮放轉(zhuǎn)換，通過給定一個 X 軸的值。
scaleY(y)    定義 3D 縮放轉(zhuǎn)換，通過給定一個 Y 軸的值。
scaleZ(z)    定義 3D 縮放轉(zhuǎn)換，通過給定一個 Z 軸的值。
rotate3d(x,y,z,angle)    定義 3D 旋轉(zhuǎn)。
rotateX(angle)    定義沿 X 軸的 3D 旋轉(zhuǎn)。
rotateY(angle)    定義沿 Y 軸的 3D 旋轉(zhuǎn)。
rotateZ(angle)    定義沿 Z 軸的 3D 旋轉(zhuǎn)。
perspective(n)    定義 3D 轉(zhuǎn)換元素的透視視圖。

transition    簡寫屬性，用于在一個屬性中設(shè)置四個過渡屬性。
transition-property    規(guī)定應(yīng)用過渡的 CSS 屬性的名稱。
transition-duration    定義過渡效果花費的時間。默認(rèn)是 0。transition-duration: 5s;
transition-timing-function    規(guī)定過渡效果的時間曲線。默認(rèn)是 "ease"。
    linear    規(guī)定以相同速度開始至結(jié)束的過渡效果（等于 cubic-bezier(0,0,1,1)）。
    ease    規(guī)定慢速開始，然后變快，然后慢速結(jié)束的過渡效果（cubic-bezier(0.25,0.1,0.25,1)）。
    ease-in    規(guī)定以慢速開始的過渡效果（等于 cubic-bezier(0.42,0,1,1)）。
    ease-out    規(guī)定以慢速結(jié)束的過渡效果（等于 cubic-bezier(0,0,0.58,1)）。
    ease-in-out    規(guī)定以慢速開始和結(jié)束的過渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。
    cubic-bezier(n,n,n,n)　　在 cubic-bezier 函數(shù)中定義自己的值?？赡艿闹凳?0 至 1 之間的數(shù)值。
transition-delay　　規(guī)定過渡效果何時開始。默認(rèn)是 0。transition-delay: 2s;

@keyframes    規(guī)定動畫。    
animation    所有動畫屬性的簡寫屬性，除了 animation-play-state 屬性。    
animation-name    規(guī)定 @keyframes 動畫的名稱。    
animation-duration    規(guī)定動畫完成一個周期所花費的秒或毫秒。默認(rèn)是 0。    
animation-timing-function    規(guī)定動畫的速度曲線。默認(rèn)是 "ease"。    
animation-fill-mode    規(guī)定當(dāng)動畫不播放時（當(dāng)動畫完成時，或當(dāng)動畫有一個延遲未開始播放時），要應(yīng)用到元素的樣式。    
animation-delay    　　規(guī)定動畫何時開始。默認(rèn)是 0。    
animation-iteration-count    規(guī)定動畫被播放的次數(shù)。默認(rèn)是 1。
animation-direction    規(guī)定動畫是否在下一周期逆向地播放。默認(rèn)是 "normal"。
animation-play-state    規(guī)定動畫是否正在運行或暫停。默認(rèn)是 "running"。