话不多说,先上图. 成品链接 大致效果如上图,接下来就开始制作吧. HTML部分: 我们需要将容器旋转rotate使之以圆点为中心. 怎么转呢,请看图. 将同一级的容器用一个大的容器包裹起来,绝对定位.这时,所有的子容器会重合在一起. 然后我们用360°去除以子容器个数,可以得到每个子容器的角度差,采用角度差来旋转每个容器. 效果如图: 我们可以看到,他是重合在一起的,应位默认的旋转中心是容器的中心, 这时我们需要改变旋转中心点, 添加css属性 transform-origin: -50% 5…