国产高清网站_亚洲一区二区综合_成人久久18免费网站_国产成人久久精品激情

您現在所在的位置:首頁 >關于奇酷 > 行業動態 > 為什么 B 站的彈幕可以不擋人物?

為什么 B 站的彈幕可以不擋人物?

來源:奇酷教育 發表于:

為什么 B 站的彈幕可以不擋人物?

  B 站的彈幕如何實現不擋人物?

 
  高端的效果,往往只需要采用最樸素的實現方式。

 
  一張圖片+一個屬性,就可以直接搞定。

 
  代碼如下:
 
html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
  <style>
    .video {
      width668px;
      height376px;
      position: relative;
      -webkit-mask-imageurl("mask.svg");
      -webkit-mask-size668px 376px;
    }
    .bullet {
      position: absolute;
      font-size20px;
    }
  style>
head>
<body>
<div class="video">
  <div class="bullet" style="left: 100px; top: 0;">元芳,你怎么看div>
  <div class="bullet" style="left: 200px; top: 20px;">你難道就是傳說中的奶靈div>
  <div class="bullet" style="left: 300px; top: 40px;">你好,我是胖靈div>
  <div class="bullet" style="left: 400px; top: 60px;">這是第一集,還沒有舔靈div>
div>
body>
html>
復制代碼
  效果是這樣的:
 
  加一個紅背景,看的清楚一些:
  至此我們就實現了B站同款的不遮擋人物的彈幕。至于這張圖片是怎么來的,肯定是AI識別出來然后生成的,一張圖片也就一兩K,一次加載很多張也不會造成很大的負擔。
 
  最后來看看這個神奇的css屬性吧
 
  developer.mozilla.org/zh-CN/docs/…
 
  Experimental: 這是一個實驗中的功能
 
  所以在開發需求的時候可以把它當成一個亮點使用,但是不能強依賴于這個屬性做需求。
 
  它還有一系列的屬性,有興趣的話可以挨個試一下。
html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
  <style>
    .video {
      width668px;
      height376px;
      position: relative;
      -webkit-mask-imageurl("mask.svg");
      -webkit-mask-size668px 376px;
    }
    .bullet {
      position: absolute;
      font-size20px;
    }
  style>
head>
<body>
<div class="video">
  <div class="bullet" style="left: 100px; top: 0;">元芳,你怎么看div>
  <div class="bullet" style="left: 200px; top: 20px;">你難道就是傳說中的奶靈div>
  <div class="bullet" style="left: 300px; top: 40px;">你好,我是胖靈div>
  <div class="bullet" style="left: 400px; top: 60px;">這是第一集,還沒有舔靈div>
div>
body>
html>
復制代碼
国产高清网站_亚洲一区二区综合_成人久久18免费网站_国产成人久久精品激情

    <sup id="ys8cw"><kbd id="ys8cw"></kbd></sup>

    <sup id="ys8cw"><font id="ys8cw"><output id="ys8cw"></output></font></sup>

    国产成人欧美日韩在线电影| 久久午夜电影网| 中文字幕成人av| 久久黄色级2电影| 欧美一区二区三区婷婷月色| 亚洲国产一区二区在线播放| 色综合 综合色| 日韩伦理av电影| 99久久伊人网影院| 中文字幕一区二| 成人激情免费电影网址| 欧美国产1区2区| 成人一区二区三区中文字幕| 久久久综合激的五月天| 国产精品91一区二区| 国产日韩欧美精品在线| 高清国产一区二区| 亚洲日本丝袜连裤袜办公室| 一本高清dvd不卡在线观看| 一区二区三区四区在线播放| 91福利国产精品| 亚洲不卡av一区二区三区| 欧美精品高清视频| 日韩电影在线观看一区| 精品精品欲导航| 国产黑丝在线一区二区三区| 国产精品色婷婷久久58| 91视频在线观看免费| 亚洲福利一二三区| 精品日韩欧美在线| www.日韩精品| 丝袜亚洲另类欧美| 26uuuu精品一区二区| 成人免费高清在线观看| 亚洲国产视频网站| 精品日韩99亚洲| 99精品视频一区二区三区| 亚洲福利一区二区| 久久精品欧美一区二区三区麻豆| 成人少妇影院yyyy| 香蕉加勒比综合久久| 欧美成人一级视频| 色综合久久久久久久久久久| 日韩中文欧美在线| 中文文精品字幕一区二区| 欧美在线免费播放| 激情综合色播五月| 亚洲精品视频一区二区| 日韩小视频在线观看专区| 成人福利视频网站| 日韩高清不卡一区二区| 国产精品对白交换视频 | 欧美性xxxxxxxx| 青草av.久久免费一区| 国产精品日日摸夜夜摸av| 欧美日韩国产精选| 成人午夜精品在线| 久久国产精品99精品国产| 日韩一区中文字幕| 久久日一线二线三线suv| 色婷婷亚洲一区二区三区| 韩国理伦片一区二区三区在线播放| 日韩美女视频一区| 欧美精品一区二区久久久| 欧美午夜在线观看| 波多野结衣一区二区三区| 麻豆精品一区二区三区| 亚洲在线视频免费观看| 欧美高清一级片在线观看| 日韩欧美亚洲国产另类| 欧美手机在线视频| 91玉足脚交白嫩脚丫在线播放| 久久国产欧美日韩精品| 亚洲成av人影院在线观看网| 亚洲三级久久久| 国产精品毛片a∨一区二区三区| 日韩欧美一级精品久久| 欧美日韩精品二区第二页| 99视频热这里只有精品免费| 国产一区不卡视频| 久久国产精品99久久人人澡| 午夜久久久影院| 亚洲在线一区二区三区| 一区二区三区四区不卡视频| 亚洲欧洲日韩av| 国产精品国产精品国产专区不片| 久久蜜桃av一区二区天堂| 久久综合九色综合欧美98| 日韩欧美卡一卡二| 日韩欧美高清一区| 日韩美女视频在线| 欧美r级在线观看| 欧美成va人片在线观看| 欧美一级高清片| 精品久久一二三区| 2022国产精品视频| 久久精品视频网| 国产精品无人区| 亚洲欧美一区二区视频| 亚洲色图.com| 亚洲电影你懂得| 日韩av二区在线播放| 裸体歌舞表演一区二区| 国产一区中文字幕| 成人综合日日夜夜| 日本黄色一区二区| 制服丝袜日韩国产| www久久精品| 中文字幕亚洲欧美在线不卡| 亚洲色图.com| 婷婷激情综合网| 久久99在线观看| 成人app软件下载大全免费| 91丨porny丨国产入口| 精品视频1区2区| 精品播放一区二区| 国产精品视频一二| 亚洲va欧美va人人爽| 久久99精品国产.久久久久| 成人综合婷婷国产精品久久| 日本精品裸体写真集在线观看| 欧美日韩一卡二卡三卡| 久久青草欧美一区二区三区| 1区2区3区欧美| 日韩在线一区二区| 丁香激情综合五月| 欧美日韩国产一级片| 欧美精品一区二区三区高清aⅴ | 亚洲精品国产精华液| 秋霞av亚洲一区二区三| 国产91丝袜在线播放0| 欧美图区在线视频| 久久无码av三级| 亚洲资源中文字幕| 福利电影一区二区| 欧美一区二区在线免费观看| 国产精品午夜在线观看| 视频在线在亚洲| av电影天堂一区二区在线观看| 4438x成人网最大色成网站| 国产精品色在线观看| 美女国产一区二区| 色综合一个色综合亚洲| 欧美精品一区二| 午夜精品久久久久久久久久| 成人av电影在线网| 精品91自产拍在线观看一区| 亚洲综合精品久久| www.欧美亚洲| 欧美本精品男人aⅴ天堂| 亚洲高清视频在线| 91麻豆成人久久精品二区三区| 久久综合狠狠综合久久综合88| 亚洲国产精品久久艾草纯爱| 成人精品视频一区二区三区 | 风间由美中文字幕在线看视频国产欧美 | 日韩欧美成人午夜| 午夜天堂影视香蕉久久| www.欧美日韩| 中文字幕欧美国产| 国产在线视频一区二区| 日韩欧美三级在线| 日韩国产欧美三级| 欧美美女一区二区| 一区二区在线观看免费视频播放| 成人一级片在线观看| 精品播放一区二区| 美女视频黄久久| 欧美电影免费观看高清完整版| 亚洲国产综合在线| 欧美在线啊v一区| 亚洲色图一区二区三区| 欧美私模裸体表演在线观看| 欧美zozozo| 精品综合免费视频观看| 亚洲制服丝袜一区| 国产清纯在线一区二区www| 亚洲少妇30p| 色哟哟欧美精品| 一区二区成人在线| 欧美调教femdomvk| 日韩av二区在线播放| 日韩视频永久免费| 久久99久久99小草精品免视看| 欧美电视剧在线观看完整版| 国产综合色在线| 精品粉嫩超白一线天av| 国产一区不卡视频| 中文字幕精品在线不卡| 成人av手机在线观看| 亚洲精品国产无套在线观| 欧美一a一片一级一片| 石原莉奈在线亚洲三区| 日韩亚洲欧美中文三级| 国产精品影视在线| 国产精品欧美精品| 日本道在线观看一区二区| 亚洲午夜久久久久久久久电影网| 欧美日韩一区三区| 国产在线麻豆精品观看|