起因 最近看到掘金上有朋友用three.js实现了一个soul星球效果，觉得很有意思，想用CSS复刻一下！ 前置概念！🤠 首先CSS默认在二维平面 (x, y) 上操作： x 轴：对应于水平方向。 y

CSS三角函数来了！好吧，如果您使用的是最新版本的 Firefox 和 Safari，那就是这样。CSS 中拥有这种数学能力开启了一大堆可能性。在本教程中，我们应该好好来感受一下几个新函数：sin()

在网页设计中，背景图像是一个非常重要的元素，可以帮助我们创造出丰富多彩的页面效果。然而，在某些情况下，我们可能需要让背景图像半透明显示，以便用户能够更好地浏览页面内容 什么是cross-fade()函

在最新的Chrome 115中，令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)终于正式支持了~有了它，几乎以前任何需要JS监听滚动的交互都可以纯 CSS

这是一个很不错且实用的功能，应用到的场景也挺多，但是目前还是在实验阶段，真正可以线上环境使用还需要一定的时间，但是可以提前了解一下发展的趋势。

CSS实现动态发光波纹-常见小案例 大家应该都刷过抖音吧，看到下面这张图片熟悉不。没错，这就是抖音上用户进行直播时，直播用户的头像出现的效果。我们可以看到它的头像上面会自带一个光圈一直在闪。

1. 刻度尺盒子 2. 厘米刻度 3. 半厘米刻度 4. 毫米刻度 5. 数字

👏 前几周有小伙伴问我如何用css实现一些优惠券/卡券，今天就来分享一波吧！速速来Get吧~🥇文末分享源代码。记得点赞+关注+收藏！

今日，群友提问，如何实现这么一个 Loading 效果： 这个确实有点意思，但是这是 CSS 能够完成的？ 没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元