CSS傾斜45度角

在 CSS 中，我們可以使用 transform 屬性來對元素進行旋轉、縮放或者傾斜操作。如果我們想讓元素傾斜45度角，就可以使用 rotate() 方法。代碼如下：

transform: rotate(45deg);

上述代碼中，rotate(45deg) 表示將元素旋轉45度角。

但是如果我們想讓元素在水平和垂直方向同時傾斜45度角呢？這個時候，我們就需要使用傾斜的公式：tan 45° = 1。

為了達到這個目的，我們需要使用 transform 屬性中的 skew() 方法。代碼如下：

transform: skew(45deg);

上述代碼中，skew(45deg) 表示將元素同時水平和垂直方向傾斜45度角。

除了可以傾斜45度角之外，我們還可以傾斜其他角度。例如，傾斜30度角的代碼如下：

transform: skew(30deg);

此時，元素會在水平和垂直方向同時傾斜30度角。

總之，使用 CSS 中的 transform 屬性，我們可以輕松地讓元素傾斜不同角度，實現豐富的視覺效果。