介绍 & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf-8"祝辞
& lt; title>扇形导航& lt;/title>
& lt;风格类型=拔谋?css"比;
* {
保证金:0;
填充:0;
}
html,身体{
高度:100%;
溢出:隐藏;
}
#包装{
高度:50 px;
宽度:50 px;/*背景颜色:粉色;*/位置:固定;
右:15 px;
底部:15 px;/*溢出:隐藏;*/}
# wrap> .home {
高度:49 px;
宽度:49 px;/*保证金:汽车;*/背景:url (img/home.png);
背景位置:中心;
这个特性:50%;
过渡:1;
位置:绝对的;
z - index: 1;
}
# wrap> .nav {
高度:100%;
位置:相对;
}
# wrap> .nav> img {
位置:绝对的;
右:0 px;
底部:0 px;
保证金:4 px;
这个特性:50%;
}
.home:{徘徊
变换:旋转(360);
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=皐rap"祝辞
& lt; div类=癶ome"祝辞& lt;/div>
& lt; div类=皀av"祝辞
https://www.yisu.com/zixun/& lt; img src=" img/clos.png ">
这篇文章主要介绍js + css实现扇形导航效果的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
