😡 好吧……你想要CSS艺术，没问题！💪 我的第一幅CSS艺术作品。

我在上一篇文章中用 SVG 重新创建了一张图片，以证明它比 CSS 更容易上手。

所有CSS爱好者都来指责我贬低CSS或者不用CSS……所以现在我用CSS重新做了一遍同样的图片，希望大家都满意！😉

原图

CSS 版本

哇，你是怎么做到的？

在上一篇文章中，我作弊了，直接创建了图像的 SVG 文件。

这篇帖子也一样，我又作弊了！

我所做的只是编写了一个小脚本（实际上，这是一个相当庞大的脚本，因为多边形中不能有曲线！），将 SVG<path>信息转换为polygon()CSS 可以理解的坐标。

该脚本还需要获取样式信息并生成 HTML 和 CSS。

所以我们有 977 个元素<divs>，每个元素都有自动生成的 ID……这些 ID 对应 CSS 规则……它们都使用裁剪路径来绘制形状，并使用类来设置颜色。这也太复杂了吧！🤣

补充：正如@afif在评论中指出的那样，你永远不应该直接复制粘贴 CSS……我之前用硬编码的意大利面条式代码写了很多东西，才意识到我不需要伪元素来创建裁剪路径……有时候我的大脑就是不工作！

你现在满意了吗？

所有CSS铁杆粉丝现在肯定都高兴坏了，因为我终于画出了我的第一幅CSS艺术作品……我现在可以回去继续画我心爱的SVG了吗？😋🤣

和往常一样，这只是图个乐子，我开玩笑的，CSS 艺术很酷，尤其是用技巧而不是像我这样作弊做出来的作品！

祝大家周末愉快！