主要实现过程:
1)4个Li元素，把他们的定位都设置未absolute.
2)改变li的旋转中心到右下角 transform-origin: 100% 100%; 4个对应旋转的角度为0,90,180,270deg
3)定位第五个li在中心
4)前面的4个li都往其所在角偏移10PX，以显示间隙
5)4个li里面的a标签设置渐变的背景色，让圆心位置的颜色设置为隐藏 background: -webkit-radial-gradient(right bottom, transparent 35%, #eee 35%);
源码：
查看更多关于css3实现扇形导航，一个圆形加4个扇形_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did109272