首页 > 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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板