平移翻轉的CSS樣式

1. 平移

.translate {
transform: translate(50px, 50px);
}

2. 旋轉

.rotate {
transform: rotate(45deg);
}

3. 縮放

.scale {
transform: scale(2);
}

4. 傾斜

.skew {
transform: skew(30deg, 20deg);
}

5. 水平翻轉

.flip-horizontal {
transform: scaleX(-1);
}

6. 垂直翻轉

.flip-vertical {
transform: scaleY(-1);
}

7. 對角線翻轉

.flip-diagonal {
transform: scale(-1, 1);
}