首頁 > web前端 > css教學 > 前端挑戰:空間。

前端挑戰:空間。

DDD
發布: 2024-09-14 06:18:32
原創
397 人瀏覽過

Frontend Challenge: Space.

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

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

靈感

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

示範

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


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

旅行

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

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

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

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

包起來

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

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

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板