通常
伸縮 transform: scaleX(1.5);
伸縮 transform: scaleY(0.5);
伸縮 transform: scale(1.5, 0.5);
移動 transform: translateX(150px);
移動 transform: translateY(50px);
移動 transform: translate(150px, 50px);
回転 transform: rotate(180deg);
回転 transform: rotateX(180deg);
回転 transform: rotateY(180deg);
傾斜 transform: skewX(10deg);
傾斜 transform: skewY(10deg);
傾斜 transform: skew(20deg, 10deg);
変形する基点を設定 transform: rotate(10deg);
transform-origin: left top;
変形する基点を設定 transform: rotate(10deg);
transform-origin: 50px 100px;