前端挑战：空间。

我仍在研究这个，但想尝试在公共场合构建。 Codepen 窗口会截掉部分图像，因此请单击 .5x 按钮。

这是前端挑战 v24.09.04，CSS 艺术：空间的提交。

灵感

挑战是太空，所以我从太空背景开始。我不想要纯黑色，所以使用了一些黑色、蓝色和紫色背景：线性渐变。我最终得到了比纯黑色 #000 更令人愉悦的东西。

演示

这是我的代码笔。当我完成后，我可能会转而只在这里发布代码。

codepen 窗口会切除部分图像，因此单击 .5x 按钮。

旅行

我重复使用了夏季挑战赛中我在海滩上画日落时的一些代码。阳光下的颜色渐变，让我想起了木星上的红斑。

我通过使用更多颜色添加了一个点。我不想制作真正的太阳系，而是想要一个更加风格化的太空版本。最初我想要行星重叠。

当我制作黄色星球时，白色赋予了它更多的深度。所以我在类似木星的行星上添加了一个亮点。

接下来我添加了一个虫洞开口，允许飞船进入银河系。虫洞是一个带有变换的椭圆形：倾斜以使洞有一定的深度。

包起来

我真的很喜欢这些前端挑战。在项目中展现一些创造力总是好的。

以上是前端挑战：空间。的详细内容。更多信息请关注PHP中文网其他相关文章！