日本語
English
簡体字
繁体字
OBS 的 Discord 头像外观CSS生成器
生成器可以创建自定义CSS，用于在OBS Studio中显示Discord呼叫的成员，如并排或方形图标。
如果你想把头像变成立绘，请点击这里。
/
如果你想改变文字频道的显示方式，请点击这里。
如何使用
头像方向
纵向排列
横向排列
头像形状
⚪ 圆形
🔲 圆角方形
⬜ 正方形
▯ 纵长
头像尺寸
标准
大型
非常大
说话时的显示效果
边缘
闪烁
跳跃
颜色
用户名称
名称外观
黑色背景
边缘
仅限文本
名称位置 (上下)
0
名称位置 (左右)
0
屏蔽特定用户
Discord用户ID
Discord用户ID
什么是 Discord 用户 ID？
用户(点击切换)
用户
用户(一直在说话)
用户(一直在说话)
用户
用户
用户
用户
用户
[class*="Voice_voiceStates__"] { display: flex; flex-direction: column; } [class*="Voice_voiceState__"] { display: flex; height: initial; margin-bottom: 0; } [class*="Voice_avatar__"] { margin-right: 0; } [class*="Voice_name__"] { left: 0px; position: relative; } @keyframes speak-border { 0% { filter: drop-shadow(2px 2px 0px #FFFFFF) drop-shadow(-2px -2px 0px #FFFFFF) drop-shadow(-2px 2px 0px #FFFFFF) drop-shadow(2px -2px 0px #FFFFFF); } 50% { filter: drop-shadow(2px 2px 0px #FFFFFF) drop-shadow(-2px -2px 0px #FFFFFF) drop-shadow(-2px 2px 0px #FFFFFF) drop-shadow(2px -2px 0px #FFFFFF); } 100% { filter: drop-shadow(2px 2px 0px #FFFFFF) drop-shadow(-2px -2px 0px #FFFFFF) drop-shadow(-2px 2px 0px #FFFFFF) drop-shadow(2px -2px 0px #FFFFFF); } }
用户(点击切换)用户用户(一直在说话)用户(一直在说话)用户用户用户用户用户