通常

伸縮 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;