#rbutton { position:fixed; right:0px; top:50%; width:80px; height:80px; transition:right 1s; z-index:999; } #rot { position:absolute; top:0px; animation:rot 8s linear infinite; } circle[Attributes Style] { r:33; cx:40; cy:40; stroke:green; stroke-width:1; fill:transparent; } circle[Attributes Style] { r:5; cx:35; cy:6; fill:green; } circle[Attributes Style] { r:26; cx:50%; cy:50%; fill:green; } #rot2 { position:absolute; top:0px; animation:rot 12s linear infinite; } circle[Attributes Style] { r:33; cx:40; cy:40; stroke:green; stroke-width:1; fill:transparent; } circle[Attributes Style] { r:6; cx:6; cy:40; fill:green; } @-webkit-keyframes rot { 0% { -webkit-transform:rotatez(0deg) rotatez(180deg); } 100% { -webkit-transform:rotatez(180deg) rotatez(360deg); } }#rbutton .in a { position:absolute; left:20px; top:20px; width:40px; height:40px; display:flex; flex-wrap:wrap; justify-content:space-around; line-height:1; font-size:16px; text-decoration:none; color:#fff; }
js控制div-rbutton到达顶部会隐藏一半。需要用的可以自己调。。