在CSS中，我們可以使用偽元素和transform屬性來制作正弦曲線。偽元素可以用來生成一段線條，而transform屬性則可以用來旋轉這段線條。我們可以通過將這些線條旋轉并堆疊在一起來制作出正弦曲線。

首先，我們需要在CSS樣式表中添加以下CSS代碼，該代碼將使我們的偽元素變成一條水平線條：

.line {
content: "";
display: block;
position: absolute;
height: 1px;
width: 100%;
background-color: #000000;
}

接下來，我們需要定義一個包含多條線條的容器，并將其旋轉90度，這將使所有線條都變成垂直線條。我們還需要使用@keyframes定義一個動畫來使線條沿著x軸上移動，并將其旋轉45度，這將使它們成為正弦形狀：

#container {
position: relative;
transform: rotate(90deg);
transform-origin: 0 0;
height: 100%;
width: 100%;
}
@keyframes sine {
0% {
transform: rotate(45deg) translateX(0px);
}
100% {
transform: rotate(45deg) translateX(100%);
}
}

最后，我們將每個線條的動畫延遲一定時間，以便它們形成正弦曲線。以下代碼將使用nth-child偽類選擇器和animation-delay屬性來實現延遲：

.line:nth-child(1) { animation: sine 2s linear infinite; animation-delay: 0s; }
.line:nth-child(2) { animation: sine 2s linear infinite; animation-delay: -0.5s; }
.line:nth-child(3) { animation: sine 2s linear infinite; animation-delay: -1s; }
.line:nth-child(4) { animation: sine 2s linear infinite; animation-delay: -1.5s; }
.line:nth-child(5) { animation: sine 2s linear infinite; animation-delay: -2s; }

現在，我們已經完成了CSS制作正弦曲線的所有步驟。我們可以將包含偽元素和動畫的HTML元素添加到我們的網站中，并調整樣式以適應不同的設計需求。