内容简介：

今日，群友提问，如何实现这么一个 Loading 效果：

这个确实有点意思，但是这是 CSS 能够完成的？
没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元素可能多点。参考我们之前的：

使用纯 CSS 实现超酷炫的粘性气泡效果
巧用 CSS 实现酷炫的充电动画

圆弧的实现
首先，我们可能需要实现这样一段圆弧：

这里需要用到的技术是：
角向渐变 conic-gradient() + mask 以及两个伪元素。图片示意如下：

核心代码如下图：

:root {
--headColor: hsl(130, 75%, 75%);
...

查看原文

👉 涨姿势了，有意思的气泡 Loading 效果