在網頁設計中，CSS圖形放傾斜可以為頁面增添一些動感和美感。以下是介紹如何通過CSS實現圖形放斜的方法。

<div class="skew"></div>

首先，在HTML文件中創建一個div元素，并為其添加一個class屬性，后續將在CSS文件中使用該class來應用樣式。

.skew {
width: 100px;
height: 100px;
background-color: #111;
transform: skewX(30deg);
}

在CSS文件中，設定該class元素的樣式。寬度和高度可以按照需求變更，這里以寬高為100像素為例。使用background-color屬性來為元素填充顏色，可以使用十六進制或rgb等方式定義顏色。重點是使用transform屬性，其中skewX表示該元素按X軸方向傾斜，并設定傾斜角度為30度。如果要改變傾斜方向，可以使用skewY屬性。

.skew:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-color: #fff;
transform: skewX(-30deg);
}

如果想要顯示出一個傾斜角度相反、并覆蓋在原div元素上的三角形，可以在CSS文件中再添加如上代碼。使用偽元素:after來創建一個新元素，并設定其樣式。添加content屬性后，能夠讓偽元素在元素的內容區域里呈現出來。display: block指定該元素為塊級元素，而position: absolute則以該元素的最近非static父元素作為定位基準來絕對定位。top和left屬性指定該元素在div元素的左上角處。同樣設定該偽元素的寬度、高度、背景顏色和傾斜角度，注意傾斜角度設置與div元素相反。

以上就是一種基于CSS的圖形傾斜方法，可以通過調整其中的部分數值以創建出不同類型、不同方向、不同大小的傾斜元素。也可以通過組合使用CSS屬性來創建更加復雜的圖形效果。