/html>translate(x,y)：基於原來的位置，沿x軸平移，長度為x，沿2軸平移，長度為ytransform：translate(x,y);translatex(x)：基於原來的位置，沿x軸平移，長度為xtransform：translatex(x);translatey(y)： 基於原來的位置,沿y軸平移，長度為ytransform：translatey(y);translate3d(x,y,z)：基於原來的位置,沿x軸平移，長度為x,沿y軸平移，長度為y,沿z軸平移，長度為ztransform：translate3d(x,y,z);translatez(z)： 基於原來的位置,沿z軸平移，長度為ztransform：translatez(z);scale(x,y)： 基於原來的位置進行伸縮變換，其中x代表沿x軸的伸縮倍數，y代表沿y軸的伸縮倍數transform：scale(x,y);scalex(x)：基於原來的位置進行伸縮變換，其中x代表沿x軸的伸縮倍數transform：scale(x);scaley(y)：基於原來的位置進行伸縮變換，其中y代表沿y軸的伸縮倍數transform：scale(y);scale3d(x,y,z): 基於原來的位置進行伸縮變換，其中x代表沿x軸的伸縮倍數，y代表沿y軸的伸縮倍數，z代表沿z軸的伸縮倍數transform：scale3d(x,y,z);
scalez(z):基於原來的位置進行伸縮變換，其中z代表沿z軸的伸縮倍數transform：scalez(z);
rotate(angle): 以圖形的幾何中心點為旋轉中心，順時針旋轉角度為angletransform：rotate(angle);
rotatex(x): 繞x軸方向旋轉，順時針旋轉角度為angletransform：rotatex(x);
rotatez(z):繞y軸方向旋轉，順時針旋轉角度為angletransform：rotatez(z);
1.rotate3d(x,y,z,angle):
同時繞x,y,z軸三個方向旋轉，順時針旋轉角度為angletransform：rotate3d(x,y,z,angle);
2.rotatez(z): 繞z軸方向旋轉，順時針旋轉角度為angletransform：rotatez(z);
CSS3旋轉及動畫
一 css3轉換 1 元素的2d轉換 1 transform none 不進行轉換 2transform translate x,y 定義2dd轉換，移動 3transform translate3d x,y,z 定義3d轉換 4transform tranlatex value 使用x軸的值轉換 ...
CSS3動畫 3D旋轉
學了c3之後，簡單做了乙個3d旋轉的小demo.個人親猜測相容chrome firefox opera safari，沒有考慮ie。如果下面 有問題，可以在我的github檢視源 可以檢視網頁效果demo位址。如下 ccs3animation 3drotatetitle charset utf 8 ...
CSS3旋轉和動畫例子
1.css3旋轉的例子 2.css3動畫 部分最關鍵的就是 webkit transition all 0.5s ease in 目前而言，transition僅webkit核心的瀏覽器支援，所以此效果僅在chrome或是safari下有。transiton屬性有這幾個值 transition pr...