前端挑戰：空間。

我仍在研究這個，但想嘗試在公共場合建構。 Codepen 視窗會截掉部分影像，因此請按一下 .5x 按鈕。

這是前端挑戰 v24.09.04，CSS 藝術：空間的提交。

靈感

挑戰是太空，所以我從太空背景開始。我不想要純黑色，所以使用了一些黑色、藍色和紫色背景：線性漸層。我最終得到了比純黑色 #000 更令人愉悅的東西。

示範

這是我的程式碼筆。當我完成後，我可能會轉而只在這裡發布程式碼。

codepen 視窗會切除部分影像，因此按一下 .5x 按鈕。

旅行

我重複使用了夏季挑戰賽中我在海灘上畫日落時的一些代碼。陽光下的顏色漸變，讓我想起了木星上的紅斑。

我透過使用更多顏色添加了一個點。我不想製作真正的太陽系，而是想要一個更風格化的太空版本。最初我想要行星重疊。

當我製作黃色星球時，白色賦予了它更多的深度。所以我在類似木星的行星上添加了一個亮點。

接下來我又增加了一個蟲洞開口，讓太空船進入銀河系。蟲洞是一個有變換的橢圓形：傾斜以使洞有一定的深度。

包起來

我真的很喜歡這些前端挑戰。在專案中展現一些創造力總是好的。

以上是前端挑戰：空間。的詳細內容。更多資訊請關注PHP中文網其他相關文章！