python弹幕脚本_Python全栈页面100行代码实现弹幕效果

html, body {

margin: 0px;

padding: 0px;

width: 100%;

height: 100%;

font-family: "微软雅黑";

font-size: 62.5%; /*100% 14px 62.5% 10px */

}

.boxDom {

width: 100%;

height: 100%;

position: relative;

overflow: hidden;

}

.idDom {

width: 100%;

height: 100px;

background: #666;

position: fixed;

bottom: 0px;

}

.content {

display: inline-block;

width: 430px;

height: 40px;

position: absolute;

left: 0px;

right: 0px;

top: 0px;

bottom: 0px;

margin: auto;

}

.title {

display: inline;

font-size: 4em;

vertical-align: bottom;

color: #fff;

}

.text {

border: none;

width: 300px;

height: 30px;

border-radius: 5px;

font-size: 2.4em;

}

.btn {

width: 60px;

height: 30px;

background: #f90000;

border: none;

color: #fff;

font-size: 2.4em;

}

span {

width: 300px;

height: 40px;

position: absolute;

overflow: hidden;

color: #000;

font-size: 4em;

line-height: 1.5em;

cursor: pointer;

/*不换行 强制一行显示*/

white-space: nowrap;

}

吐槽: 发射

本文同步分享在 博客“考古学家lx”(CSDN)。

如有侵权，请联系 support@oschina.cn 删除。

本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。