评论列表 [2条]

#2 | 了了 于 2023-3-3 22:22 发布: 做了一贴，效果不佳，先放着了。。。

#1 | 水晶 于 2023-3-3 18:51 发布: 帖子左右的闪动效果用伪元素 井papa::before 的阴影制作，共四个阴影。 首先，井papa::before 设置为200*200、圆形、透明背景，并通过主元素的grid布局设定将其绝对居中； 其次，四个阴影由JS生成，阴影不要与伪元素有交集，否则 即使是透明背景也会出现背景（如果需要背景的话也可以，甚至设置背景色为非透明色）。阴影变幻有位置和颜色的随机变化； 最后，通过定时器 setTimeout 反复调用 flash 函数以驱动阴影的变幻。阴影变幻驱动受到 mState 函数的控制，它能响应音乐的暂停与播放动作。