通常

猫

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

猫