使用CSS定義多個2D屬性 在CSS中，我們可以使用2D變換屬性來改變元素的位置、大小、形態和方向。常見的2D變換屬性包括平移、旋轉、縮放和扭曲等。通常我們可以單獨定義一個屬性來改變元素的變形，但是如果需要同時改變元素的多個屬性，我們可以將這些屬性組合在一起，使用transform屬性定義。下面我們將介紹如何使用CSS定義多個2D屬性。 (1) 平移變換 平移變換是將元素在網頁中移動到指定的位置，可以使用translate（）函數定義。例如，下面這段代碼將元素向右平移50像素，向下平移30像素： ```html

平移變換

transform: translate(50px, 30px);

``` (2) 旋轉變換 旋轉變換是將元素繞其某一點旋轉一定的角度，可以使用rotate（）函數定義。例如，下面這段代碼將元素繞其中心點逆時針旋轉30度： ```html

旋轉變換

transform: rotate(-30deg);

``` (3) 縮放變換 縮放變換是將元素放大或縮小，可以使用scale（）函數定義。例如，下面這段代碼將元素寬度放大2倍，高度縮小2倍： ```html

縮放變換

transform: scale(2, 0.5);

``` (4) 扭曲變換 扭曲變換是將元素按照一定的比例扭曲成不規則的形狀，可以使用skew（）函數定義。例如，下面這段代碼將元素向右上方傾斜30度，向右下方傾斜10度： ```html

扭曲變換

transform: skew(30deg, -10deg);

``` (5) 組合變換 除了單獨定義每個變換屬性外，我們還可以將這些屬性組合在一起，使用transform屬性定義，可以同時改變元素的多個屬性。例如，下面這段代碼將元素先縮小為原來的0.8倍，然后向右平移50像素： ```html

組合變換

transform: scale(0.8) translate(50px);

``` 總之，使用CSS定義多個2D屬性可以讓我們更加靈活地調整元素的位置、大小、形態和方向。您可以根據需要組合不同的變換屬性，實現更加豐富的效果。