js+css 圆形环形 排列

html-css024

js+css 圆形环形 排列,第1张

项目需要做个环形的导航排列，网上找到一篇详细介绍原理的文章 javascript-按圆形排列DIV元素(一)---- 分析 ，然后尝试着把它实现了，效果图如下：

源码分享给大家哦，拿走不谢O(∩_∩)O

vue版本的根据项目需求做了些略微的修改

1. 可以使用css的border-image属性设置边框的背景图片。2. 可以使用background设置多个背景图片，并分别设置每个背景的位置。3. 把所有图片先合成一个圆形图片，然后整个图片作为背景图片。