演示如下:
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
overflow: hidden;
}
#main{
height: 670px;
background-color: black;
}
#danmu_message{
position: absolute;
bottom: 30px;
left: 40%;
}
#send{
position: absolute;
bottom: 30px;
left: 55%;
}
.danmu{
position: absolute;
font-size: 30px;
font-family: "微软雅黑";
font-weight: bold;
animation-name: danmu_transform;
animation-timing-function: linear;
white-space: nowrap;
}
#danmu_grou