CSS3中的漸變可以創建出多彩的背景效果，同時對于梯形的設計，CSS3漸變也可以輕松實現。

通過使用CSS3的線性漸變功能，可以輕松地生成CSS3 梯形。具體方法如下：

.trapezoid{
height: 0;
width: 100px;
border-bottom: 100px solid red;
border-right: 50px solid transparent;
background: linear-gradient(to right, orange 50%, transparent 50%);
}

在上述代碼中，我們首先設定梯形的高度為0，寬度為100px。然后我們為其設置了一個100px的下邊框，并通過添加一個50px 的右邊框實現了尖角效果。我們還通過CSS3的線性漸變屬性（linear-gradient）生成了梯形的左側斜邊，使用的顏色為橙色（orange），漸變開始位置是50%的區域，也就是梯形中間的位置，然后將剩下的50%區域設置為透明色（transparent）。

最終，我們就成功創建出了一個CSS3梯形效果。如果需要，可以對代碼中的顏色和長度值進行修改以達到更加理想的效果。