效果是這樣的

加一個(gè)紅背景，看的清楚一些

至此我們就實(shí)現(xiàn)了B站同款的不遮擋人物的彈幕。至于這張圖片是怎么來(lái)的，肯定是AI識(shí)別出來(lái)然后生成的，一張圖片也就一兩K，一次加載很多張也不會(huì)造成很大的負(fù)擔(dān)。

最后來(lái)看看這個(gè)神奇的css屬性吧

developer.mozilla.org/zh-CN/docs/…

Experimental: 這是一個(gè)實(shí)驗(yàn)中的功能

所以在開(kāi)發(fā)需求的時(shí)候可以把它當(dāng)成一個(gè)亮點(diǎn)使用，但是不能強(qiáng)依賴(lài)于這個(gè)屬性做需求。

它還有一系列的屬性，有興趣的話可以挨個(gè)試一下。

原作者：稀土掘金錢(qián)得樂(lè) 在此特別鳴謝！

• AI
  AI

  +關(guān)注

  關(guān)注

  88

  文章

  36972

  瀏覽量

  289790
• CSS
  CSS

  +關(guān)注

  關(guān)注

  0

  文章

  110

  瀏覽量

  15214

收藏 人收藏

掃一掃，分享給好友

復(fù)制鏈接分享

加入交流群

掃碼添加小助手

加入工程師交流群

相關(guān)推薦

熱點(diǎn)推薦

太強(qiáng)了！AI PC搭載70B大模型，算力狂飆，內(nèi)存開(kāi)掛

DeepSeek-R1不同模型。相對(duì)來(lái)說(shuō)，DeepSeek-R1 70B大模型或許是日常AI功能的頂格需求，它也是當(dāng)前高性能AI PC的著力點(diǎn)之一。 ? AI PC跑大模型 ? Dee

發(fā)表于 03-24 08:52 ?2739次閱讀

Arm首席執(zhí)行官Rene Haas入選《時(shí)代》周刊全球AI百大人物

近日，Arm 首席執(zhí)行官 Rene Haas 榮登 《時(shí)代》周刊 2025 年全球 AI 百大人物榜單 (TIME100 AI 2025)。該榜單甄選了在塑造人工智能 (AI) 未來(lái)方

發(fā)表于 09-04 19:58 ?1105次閱讀

小馬智行彭軍入選2025年全球AI領(lǐng)域百大影響力人物

近日，《時(shí)代》周刊公布2025年AI領(lǐng)域100位最具影響力人物（TIME100 AI），小馬智行創(chuàng)始人、首席執(zhí)行官彭軍上榜。彭軍是榜單中唯一以自動(dòng)駕駛領(lǐng)域成就登榜的人選。

發(fā)表于 09-02 09:36 ?405次閱讀

家電電路識(shí)圖自學(xué)手冊(cè)

家電電路識(shí)圖自學(xué)手冊(cè)

發(fā)表于 07-11 15:49 ?5次下載

STM32F769是否可以部署邊緣AI？

STM32F769是否可以部署邊緣AI

發(fā)表于 06-17 06:44

英特爾發(fā)布全新GPU，AI和工作站迎來(lái)新選擇

Pro B50 GPU，搭載了為AI推理和專(zhuān)業(yè)工作站量身定制的配置，擴(kuò)展了英特爾銳炫Pro產(chǎn)品系列。 英特爾 ? Gaudi 3 AI 加速器： 英特爾Gaud

發(fā)表于 05-20 11:03 ?1592次閱讀

輕輕松松學(xué)電工（識(shí)圖篇）

內(nèi)容介紹 結(jié)合廣大電工人員的實(shí)際需要，主要介紹了常用電工電路識(shí)圖的基礎(chǔ)知識(shí)、方法及技巧，內(nèi)容包括常用電氣符號(hào)、電工識(shí)圖基本方法，以及識(shí)讀供配電系統(tǒng)圖、建筑電氣圖、電力拖動(dòng)系統(tǒng)電氣圖、PLC梯形圖

發(fā)表于 04-30 17:18

典型電路原理、電路識(shí)圖從入門(mén)到精通等資料

1、電路識(shí)圖從入門(mén)到精通高清電子資料 由淺入深地介紹了電路圖的基礎(chǔ)知識(shí)、典型單元電路的識(shí)圖方法，通過(guò)“入門(mén)篇”和“精通篇”循序漸進(jìn)、由淺入深地介紹了電路圖的基礎(chǔ)知識(shí)、典型單元電路的識(shí)圖方法，以及典型

發(fā)表于 04-15 15:53 ?1.4w次閱讀

首創(chuàng)開(kāi)源架構(gòu)，天璣AI開(kāi)發(fā)套件讓端側(cè)AI模型接入得心應(yīng)手

生態(tài)系統(tǒng)的系統(tǒng)性革新，更需要高效、強(qiáng)力的開(kāi)發(fā)者解決方案。為此，聯(lián)發(fā)科帶來(lái)了一站式可視化智能開(kāi)發(fā)工具——天璣開(kāi)發(fā)工具集，包含AI應(yīng)用全流程開(kāi)發(fā)工具Neuron Studio，并帶來(lái)全新升級(jí)的天璣AI開(kāi)發(fā)

發(fā)表于 04-13 19:52

電路識(shí)圖從入門(mén)到精通高清電子資料

、彩色電視機(jī)等電器的電路圖識(shí)圖技巧。 純分享貼，有需要可以直接下載附件獲取完整資料！ （如果內(nèi)容有幫助可以關(guān)注、點(diǎn)贊、評(píng)論支持一下哦~）

發(fā)表于 04-10 16:22

阿里國(guó)際站“八先過(guò)?！庇?jì)劃助力B2B商家出海

近日，阿里國(guó)際站正式推出了旨在扶持新商家出海的“八先過(guò)?！庇?jì)劃，該計(jì)劃涵蓋了八大舉措，全方位助力商家搶占B2B出海先機(jī)，延續(xù)出海紅利。 據(jù)了解，“八先過(guò)?！庇?jì)劃從多個(gè)維度出發(fā)，包括加大對(duì)新市場(chǎng)的投入

發(fā)表于 02-19 09:21 ?716次閱讀

阿里國(guó)際站AI升級(jí)，接入DeepSeek等先進(jìn)模型

今年春節(jié)期間，阿里國(guó)際站AI外貿(mào)產(chǎn)品傳來(lái)捷報(bào)，成功助力商家接到了價(jià)值2000萬(wàn)美元的中東大單。這一成就不僅彰顯了阿里國(guó)際站AI外貿(mào)產(chǎn)品的強(qiáng)大實(shí)力，也預(yù)示著其在外貿(mào)領(lǐng)域的持續(xù)深耕和創(chuàng)新。

發(fā)表于 02-13 09:52 ?822次閱讀

現(xiàn)代（Hyundai）機(jī)器人物聯(lián)網(wǎng)平臺(tái)可以實(shí)現(xiàn)什么功能

現(xiàn)代（Hyundai）機(jī)器人物聯(lián)網(wǎng)平臺(tái)一般可以實(shí)現(xiàn)以下功能： 設(shè)備接入與管理 多協(xié)議接入 ：支持多種通信協(xié)議如 MQTT、CoAP、HTTPS 等，以及多種網(wǎng)絡(luò)類(lèi)型包括 2G/3G/4G/5G

發(fā)表于 02-08 16:05 ?418次閱讀

中軟國(guó)際推出升級(jí)版一站式AI解決方案服務(wù)

近日，中軟國(guó)際模型工場(chǎng)基于昇騰云、DeepSeek模型，推出升級(jí)版一站式AI解決方案服務(wù)?；跁N騰云，模型工場(chǎng)已完成DeepSeek-R1 671B全參模型滿(mǎn)血版與Janus Pro 7B

發(fā)表于 02-08 10:18 ?933次閱讀

三星自主研發(fā)知識(shí)圖譜技術(shù),強(qiáng)化Galaxy AI用戶(hù)體驗(yàn)與數(shù)據(jù)安全

據(jù)外媒11月7日?qǐng)?bào)道，三星電子全球AI中心總監(jiān)Kim Dae-hyun近日透露，公司正致力于自主研發(fā)知識(shí)圖譜技術(shù)，旨在進(jìn)一步優(yōu)化Galaxy AI的功能，提升其易用性，并加強(qiáng)用戶(hù)數(shù)據(jù)的隱私保護(hù)。

發(fā)表于 11-07 15:19 ?1589次閱讀