如何用css3做弹幕

html-css022

如何用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}

在手机底部上滑调出快捷栏，点击右上角"+"--广场--上滑找到娱乐--手持弹幕，点击"添加为我的"即可在快捷中心里直接打开使用，在快捷中心点击"手持弹幕"进入--在输入框输入文字并发送即可生成弹幕。

在明星演唱会上粉丝们手机里出现的手持弹幕是什么软件实现的呢？其实在苹果手机不需要安装任何app就能实现手持弹幕效果，一起来瞧瞧吧。

第一步：打开微信，在发现里找到“小程序”；

第二步：在搜索框输入“手持弹幕”，这里我们选择第一个；

第三步：在输入框输入你想要现实的弹幕，点击完成即可；

你还可以在设置里调整速度、字号以及颜色等等。