CSS3是當前Web前端設計中最受歡迎和廣泛應用的技術之一。通過CSS3，可以實現諸如圓角、陰影、動畫等功能。同時，CSS3也可以用來繪制曲線，給網頁增添更多藝術感。

曲線的繪制，需要掌握CSS3中的“bezier曲線”和“svg bezier曲線”兩種方式。

1. bezier曲線

.bezier {
width: 400px;
height: 400px;
border: 1px solid #ccc;
position: relative;
}
.bezier::before {
content: "";
width: 200px;
height: 200px;
background-color: #E8B368;
position: absolute;
left: -100px;
top: 100px;
border-radius: 100px/50px;
transform: rotate(-45deg);
transform-origin: 100px 100px;
}

通過計算和調整border-radius，可以修改曲線的形狀。這里使用了rotate使圓形傾斜，并通過transform-origin定義旋轉角度到（100px,100px）。

2. svg bezier曲線

在這個例子中，M 100 400代表起點，C 150 200, 350 200, 400 400則定義了兩個控制點和終點。stroke定義了邊框顏色，fill定義了內部填充顏色。

以上就是繪制曲線的基本方法，通過修改控制點和其他參數，可以制作出各種形狀和曲線。但在制作動畫時，需要利用CSS3的transition和animation等屬性，配合javascript語言完成更高端的效果展示。