今天写了一个仿苹果的悬浮按钮,由于只在右侧展开,所以只能上下拖拽,展开效果入下
1.html
2.css
@charset "gb2312";
.info-nr {position:fixed;
top:70px;
right:3px;
z-index:900;
tap-highlight-color: rgba(0, 0, 0, 0);
}
#toMenu{display:block;
width:45px!important;
height:45px!important;
border-radius:45px;
position: absolute;
bottom:0;
right:0;
z-index:9999;
color:#fff;
background:url(../img/navimg/png2.png) 50% 50% #3498fe;
background-repeat: no-repeat;
background-size:auto 62%;
box-shadow:0 0 0 3px #3498fe, 0 2px 5px 0 #3498fe;
}
.info-nr-phone{height:45px;width:45px;}
#info-nr-phone{position:relative;}