一种利用 box-shadow 实现的模拟 Dom 元素方法
2021年4月3日 17:11 · Updated at 2021年4月23日 17:41
目标
如下图,用 HTML + CSS 实现如下图的效果,五个(或更多)并排的圆圈

方法
一般我们会用多个 dom 元素来实现这个效果,但今天是通过另一种新的办法来实现,就是 box-shadow,该方法的优点是,只需要一个 dom 节点即可实现多个元素的显示。
如下图,用 HTML + CSS 实现如下图的效果,五个(或更多)并排的圆圈
一般我们会用多个 dom 元素来实现这个效果,但今天是通过另一种新的办法来实现,就是 box-shadow,该方法的优点是,只需要一个 dom 节点即可实现多个元素的显示。