transform: none; /* 垂置歸無不變形 */
transform: rotate(20deg); /* 中央定位向右旋轉 */
transform: rotate(40deg); /* 中央定位向右旋轉 */
transform: rotate(40deg); transform-origin:0 0; /* 定位原點改成 0 0 表示在物件左上角 */
transform: rotate(-40deg); transform-origin:50% 50%; /* 定位原點 50% 50% 表示在物件的正中央, 這是預設可以省略 */ /* 旋轉角度為負值時, 表示向左逆時針旋轉 */
transform: rotate(-40deg); transform-origin:100% 100%; /* 定位原點改成 100% 100% 表示在物件右下角 */
transform: scale(2 , 0.5); /* 水平放大2倍, 垂直縮小0.5倍 */
transform: scale(1.5); /* 水平垂直皆放大1.5倍 */
transform: scale(1.5); transform-origin:50% 0; /* 以水平中央垂直靠上為定位原點, 水平垂直皆放大1.5倍 */
transform: translate(10px, 20px); /* 水平向右 垂直向下 移動 */
transform: translate(-10px, -20px); /* 水平向左 垂直向上 移動 */
transform: skewX(20deg); transform-origin: 0 100%; /* 以左下角為定位原點, 水平向左傾斜 */
transform: skewX(-20deg); transform-origin: 0 100%; /* 以左下角為定位原點, 水平向右傾斜 */
transform: skewY(20deg); transform-origin: 0 100%; /* 以左下角為定位原點, 垂直向下傾斜 */
transform: skewY(-20deg); transform-origin: 0 100%; /* 以左下角為定位原點, 垂直向上傾斜 */
WEB 