在CSS中，可以通過transform屬性來對元素進行旋轉、縮放、傾斜等變換操作。

要實現圖形傾斜，可以使用skew()函數。該函數接受兩個參數，分別表示水平方向和垂直方向的傾斜角度，單位為度（deg）。

傾斜45度：
transform: skew(45deg);
傾斜-30度：
transform: skew(-30deg);

需要注意的是，skew()函數傾斜的是元素的包圍框（bounding box），而不是內容。如果元素有邊框或背景色，可能會出現意想不到的效果。

為了避免出現問題，可以在元素內部再包裹一層容器，并對容器進行傾斜操作，以確保樣式的一致性。

HTML代碼：
<div class="box">
<div class="content">內容</div>
</div>
CSS代碼：
.box {
width: 200px;
height: 200px;
transform: skew(30deg);
}
.content {
transform: skew(-30deg);
}

通過上述代碼，可以將.box元素傾斜30度，同時保持.content元素水平，達到圖形傾斜的效果。