如何用css3做弹幕

html-css013

如何用css3做弹幕,第1张

1.首先创建弹幕区域

<div class="barrage"><div class="mask"><!--//弹幕内容--></div></div><input type="text" ng-model="data.comment"/><button ng-click="addDanmu()">说两句</button >

2.css

.webPage .barrage{width:100%height:22%position: absolutebottom: 50pxbackground-color: transparentpointer-events: none}.webPage .barrage .mask{width:100%height:100%background:transparentz-index:100}

抖音游戏弹幕打开即可看到,以下是具体的操作步骤:

...展开

品牌型号:

华为nova9

系统版本:

HarmonyOS2.0.1

软件版本:

抖音20.0.0

方法/步骤分步阅读

1

/4

点击横向屏图标

在抖音游戏直播页面点击画面中的横向显示屏图标。

2

/4

点击屏幕

进入到横向直播页面点击屏幕。

3

/4

点击弹

在直播页面的左下角点击弹。

4

/4

打开弹幕

将弹幕打开后即可查看直播页面的弹屏。