Avatars Overlay Set-Up | Add Reactive Images of your Friends During Streams

THIS IS A O L D Tutorial. Here is my latest version: I walk you through how to add your friends to your stream so that they appear & disappear when they talk! Discord Streamkit: Copy the CSS code: -------- :not([data-reactid*=“pasteIDHere“]) { display:none; } .avatar { content:url(notSpeakingURL); height:auto !important; width:auto !important; border-radius:0% !important; filter: brightness(50%); /*Change brightness to 100%, if you don’t want the image to dim*/ } .speaking { border-color:rgba(0,0,0,0) !important; position:relative; animation-name: speak-now; animation-duration: 1s; animation-fill-mode:forwards; filter: brightness(100%); content:url(SpeakingURL); } @keyframes speak-now { 0% { bottom:0px; } 15% { bottom:10px; } 30% { bottom:0px; } }