CSS3變形

transform: translate(20px, 20px); // 在x軸和y軸上移動元素
transform: rotate(45deg); // 旋轉元素45度
transform: scale(2); // 將元素放大兩倍
transform: skew(30deg, 20deg); // 將元素斜向變形，分別沿x軸和y軸旋轉30度和20度
transform: matrix(1, 0.5, -0.5, 1, 0, 0); // 使用矩陣來進行定制化的變形

CSS3變形是一種能夠改變元素形狀、位置和尺寸的技術。這些變形常用于創建動畫效果或改變基本的布局。 例如，可以使用translate()函數在x軸和y軸上移動元素，使用rotate()函數旋轉元素并使用scale()函數調整元素尺寸。還可以使用skew()函數來使元素傾斜。

使用CSS3變形通常需要使用transform屬性。transform屬性采用一個或多個變形函數。這些函數可以組合在一起，使元素能夠通過相互作用來進行更復雜的變形。例如，可以使用矩陣函數matrix()定制化元素的樣式。