这种圆圈效果用css怎么做？

发布于
2018-11-10

更新于
2018-11-10

这种圆圈效果用css怎么做？
如下图所示，要在右图的底部菜单中增加一个左图那种圆圈。（右图只是示意，圆圈是在antd-mobile官方示例截图画上去的）

阅读 5.2k

4 个回答

o1016319043

发布于
2018-11-12

✓ 已被采纳

底部5个li，中间的li给相对定位，里面的icon层绝对定位就出去了，然后校准一下就好了图片描述

某熊猫桑

发布于
2018-11-10

5个icon是一排的，中间一个设置下原点直接放大就行了。。

灰色v碰触

发布于
2018-11-10

border-radius 就可以实现

发布于
2018-11-12

要用position定位才能一半在外面，5个icon一排，然后以中间那个icon为position:relative,圆形为position:absolute定位出去

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题