预览设置

1.5s

堆叠通知 — 特性

  • iOS-style layered notification effect
  • Shows only latest 3 messages
  • Older messages stack with scale & opacity
  • Smooth entrance animations
  • Spring transition effects
  • Customizable stack offset and scale
  • Role-based styling (owner, moderator, member)
  • Super Chat glow animation
  • Membership message support
  • Clean, minimal design
  • CSS variable customization
  • Real-time preview

如何使用这个弹幕样式

几步就能把这个样式加到你的直播里。按你捕获聊天的方式选择对应版本。

YouTube 弹出式聊天

  1. 从上方按钮下载 YouTube 版本的 CSS。
  2. 在 OBS 里新建浏览器源,URL 指向你的 YouTube 弹出聊天室地址。
  3. 把 CSS 粘贴到浏览器源的自定义 CSS 框里。
查看完整分步教程 →

Social Stream Ninja

  1. 在 Social Stream Ninja 里,复制「Main chat overlay & control dock」的链接(即 dock.html?session=… 那条)。
  2. 在链接末尾加上 &hidemenu,这样直播里只显示弹幕(它会隐藏 Social Stream 的控制按钮)。可选:加 &reverse 翻转最新消息的方向。
  3. 把该链接添加为 OBS 浏览器源(1920×1080)。
  4. 在这里下载 Social Stream 版本的 CSS,粘贴到浏览器源的自定义 CSS 框里。
查看完整分步教程 →

浏览更多弹幕样式 →

常见问题

使用这个样式需要懂 CSS 吗?
不需要。从本页下载 .css 文件,粘贴到 OBS 或 Streamlabs 浏览器源的自定义 CSS 框即可,无需写代码。
这个弹幕样式支持哪些平台?
支持 YouTube Live,并通过 Social Stream Ninja 支持 Twitch、TikTok、Kick 等 120+ 平台。
可以自定义颜色和布局吗?
可以。用本页的实时自定义器调整颜色、尺寸和效果,然后导出你自己的 CSS。
在 OBS 和 Streamlabs 里能用吗?
能。任何带浏览器源和自定义 CSS 输入框的软件都能用,包括 OBS Studio 和 Streamlabs。