在 CodePen 上分享的 5 个酷炫且令人兴奋的前端演示合集。
Color Palette
Ben Matthews 的生成艺术作品。颜色基于海底总动员海报，虽然笔触可能看起来是圆形，但它们是四处游荡的矩形，效果显着，结果很美。
CSS 鲤鱼
这个 CSS 艺术很有趣，原因有很多：它使用滤镜、变换、蒙版、渐变……甚至三角函数来制作鲤鱼的身体！遗憾的是，这些功能并未得到广泛支持，因此需要使用 Firefox 或 Safari 才能看到这个演示的全部魅力。
使用 CSS 容器查询调整房屋大小
在此演示中，展示了使用容器查询和一些 CSS 可以实现的效果。调整房屋大小以增加更多房间。
纯 CSS 悬停效果
使用 :has() 为悬停元素周围的元素着色。
玻璃形态效果的立方体
探讨了三维 CSS 以及过滤器（和 backdrop-filter）的方式。不幸的是，这种特殊效果在大多数浏览器中都不起作用，目前仅限 Chrome。