办公桌 - CSS 艺术版

CSS 办公室艺术

这是由 Axero 赞助的前端挑战赛：办公版，CSS 艺术：办公文化的参赛作品。

灵感

我想要打造一个简洁小巧的数字工作空间，一个看起来平静、干净，又带点个人风格的空间。我喜欢植物和简约的艺术品，所以就把它们放了进去。我尽量保持整体风格的轻盈和简约，这样看起来既护眼又赏心悦目。

演示

您可以访问此 GitHub Pages 部署以获得全屏体验：
在线站点

⭐ GitHub 代码库 👇

旅行

我最初只买了一张基本款式的桌子，然后一件一件地添加物品：

首先，我添加了电脑、键盘和鼠标。
然后，我放了一个水瓶、一小叠纸和一支笔。
我还加了一盏灯，方便我熬夜工作。
最后，我放了一盆植物。我非常喜欢植物，所以一定要放一盆。
之后，我做了一个简单的动态背景。我从Pexels网站下载了两张海报，一张是树叶，一张是云朵。标题字体我用的是Englebert。我是在Google Fonts上找到的，很喜欢它的样式。

我还参考了 CodePen 上的一些示例，并使用了其中两个示例的部分代码来制作灯和植物。我还可以添加很多其他东西，比如椅子、书架或耳机，但我想要保持简洁。

每样东西都有它的用途。纸是用来快速记笔记的，瓶子是用来补充水分的，灯是用来集中注意力的，而植物只是我喜欢摆在身边的东西。

感谢阅读，期待很快能再次与您交流！

关注我，获取更多类似内容！

Twitter | GitHub | YouTube

GIF