底部自适应浮点代码(底部浮点代码)

一段代码实现PC移动终端底层的浮动代码

开始看到装修网站上有这个代码，然后就写了一个1.6S的动画。

PC需要显示在中央，就拿着吧！

PC端演示:

WAP端演示:

代码如下:

& ltstyle type=”text/css ” >

* { margin:0px；pading:0px；}

。login _ alert {位置:固定；底部:0px左:0px宽度:100%；Z-指数:9999；}

。log in _ alert _ close { position:absolute；顶配:-10px；右:0pxZ-指数:1；光标:指针；}

。log in _ alert _ box { width:100%；text-align:居中；background-color:rgba(61，61，61，0.6)；高度:60px}

。log in _ alert _ box div { cursor:default；font -家族:‘微软雅黑’；颜色:# 66CCFFfont -大小:26pxfont-weight:粗体；line -高度:80px}

。log in _ alert _ box div a { text -decoration:none；显示:inline -block；填充:5px 20pxfont -大小:20px颜色:# 000；background -color:# 00cc 99；border -半径:4pxline -高度:26px}

。log in _ alert _ box div span { font -size:18px；}

。log in _ alert { animation:show _ alert _ left 1.6s；-WebKit -动画:show _ alert _ left 1.6s-moz -动画:show _ alert _ left 1.6s}

。log in _ alert _ box { background -color:rgba(0，0，0，0.6)；高度:60px}

。log in _ alert _ box:hover { background -color:rgba(0，0，0，0.8)；}

。log in _ alert _ box div { color:# 66 ccff；font -大小:26pxline -高度:60px}

。log in _ alert _ box div a { font -size:20px；line -高度:200pxborder -半径:4px}

@关键帧show_alert_left{

从{左:-100%；}

到{ left:0px；}

}

@ -WebKit -关键帧show_alert_left{

从{左:-100%；}

到{ left:0px；}

}

@ -moz -关键帧show_alert_left{

从{左:-100%；}

到{ left:0px；}

}

& lt/style & gt；

& ltdiv class = ” log in _ alert ” id = ” log in _ alert ” >

& ltdiv class = ” log in _ alert _ close ” onclick = ” close alert()” & gt；

& lt/div & gt；

& lt中心& gt& ltscript type = ” text/JavaScript ” charset = ” ut F-8 ” src = ” https://API mall . data oke . com/API/component/code -info/v1？comId = 3149 & amptype = 2 & ampv = 1604687945 ” ext E-ID = ” 3149 ” data -size = ” 800 X80 ” data -color = ” # ff 681d ” data -show = ” 1 ” data -txt = “网购省钱前全网搜索隐藏优惠券！”& gt& lt/script & gt；& lt/center & gt；

& ltscript type = ” text/JavaScript ” charset = ” ut F-8 ” src = ” https://API mall . data oke . com/API/component/code -info/v1？comId = 3154 & amptype = 2 & ampv = 1604684235 ” ext E-id = ” 3154 ” data -size = ” 100% * 100px ” data -index = ” 5000 ” data -color = ” # ff 7119 ” data -show = ” 1 ” >& lt/script & gt；