CSS实验：无div森林
Khanh Tran一直在使用单个元素或根本没有元素（使用<body>）中的CSS和图纸中的纹理进行实验。这是其中之一。森林是圆锥梯度的集合，因此，如果您想检查代码，请准备打开CSS文件，因为它很大，如果您尝试检查身体，开发工具崩溃了。
图像悬停效果与着色器
将鼠标移到棕榈树的图片上，以获取一个小故障动画，其中红色，绿色和蓝色通道分开。 Juxtopposed带来了这种吸引人的效果，该效果由三js创建，并分享了有关如何编码演示的视频。
（SVELTE）范围滑块精美的示例
这些滑块标签浮动并带有输入，提供了美好的体验（赢得胜利的微连接！）Simon Goellner的演示很干净，并且非常适合Svelte系列滑块（带有PIPS）图书馆。
大理石
如果我们谈论的是CSS艺术，Kass是专家。这个外观三维的球体探讨了如何将逼真的阴影和灯光（也是CSS中的阴影）应用于单个元素。以及使其响应迅速的额外要点（在CSS艺术中不太常见）。
旋转和悬停效果的仅CSS纯花面罩
Temani Afif经常列出此列表。他用单个元素创造了令人印象深刻的动画和效果，并将HTML和CSS限制为人们甚至不知道的限制。本周的D是一个例子：动画画布和效果都是<img>元素的一部分。不需要其他元素或容器。
内部半径设计提示，带有CSS自定义属性
这是一个教育演示。 Jhey展示了内部边界-Dradius如何与父母的边界-Radius匹配，以及需要采用哪些简单的计算才能获得出色的匹配。然后，将CSS变量添加到混合物中，以便浏览器完成所有工作。
卷轴触发的动画
Ana Tudor带来了一个令人兴奋的实验：使用自定义属性和animation-play-state，她可以根据将父母滚动到视图中的何时运行动画。向下滚动页面，广场开始旋转；向上滚动，它将停止。
绳子
Dillon的这个生成艺术项目使我想起了那个旧的Windows屏幕保护程序，屏幕上弹出了管道，与Keith Haring的Dancing Men Pop Art混合在一起。也许是怀旧的，以及如何通过鼠标轻松定制它，但是我真的很喜欢这个演示。
周日CSS＃8：蚊子
Julia Miocene每周都在分享CSS艺术和动画，这引起了我的注意。这是一个蚊子在屏幕上来回飞行的蚊子，但是它有很多细节和活动部件，使其令人印象深刻，所有这些都在HTML和CSS中，没有JS。简直太神奇了。
淡出的卡片过渡
尝试从演示中删除卡片；根据您的浏览器，您会看到平稳的过渡。如何？借助View Transitions API，仅在铬上可用的实验技术。 Una Kravets分享了一种使用它的方法，并为浏览器提供了不支持它的浏览器的后备。