一、2d功能函式：
1）2d位移：
①transform:translate(x,y);
②transform:translatex(x軸移動的距離);
③transform:translatey(y軸移動的距離);
2）2d的縮放：
①transform:scale(x,y);
②transform:scalex();
③transform:scaley();
注： x ， y 這兩個引數為乙個係數，大於1時放大 ，小於1時縮小。
3）2d的旋**
①transform:rotate(30deg);
②transform:rotatex(30deg);
③transform:rotatey(30deg);
4）2d的傾斜：
①transform:skew(度數);
②指定x,y的傾斜：
transform:skewx(度數)
transform:skewy(度數)
5）改變變形原點：
①transform-origin:x y;
②屬性值：
left top
10px 20px
10% 20%
補：多個功能函式共同使用的情況下，盡量先寫位移後寫其他的功能函式。
css變形屬性和2D功能函式的詳細介紹
變形原點 transform翻譯成漢語具有 變換 或者 改變 的意思。通過此屬性具有非常強大的功能，比如可以實現元素的位移 拉伸或者旋轉等效果 最能體現transform 屬性強大實力的是實現元素的3d變換效果。2d變換，是在乙個平面對元素進行的操作。可以對元素進行水平或者垂直位移 旋轉或者拉伸.對...
2D遊戲開發（2）
每次給遊戲新增新功能時，通常也會引入一些新設定。為了讓所有的設定進行統一管理，我們可以配置乙個名為 setting的模組，這個模組中包含乙個setting的類，用來儲存所有的設定。usr bin env python3.5 filename setting 儲存所有的設定 class setting...
前端2D變換
2d轉換是使元素改變形狀 尺寸和位置的一種效果 2d轉換包括 translate 位移 rotate 旋轉 scale 縮放 skew 傾斜 translate 位移 平移 translate 水平位移，垂直位移 eg 讓div水平居中 doctype html en utf 8 viewport ...