Avatars Overlay SetUp Add Reactive Images of your Friends During Streams

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=MPCAysV36k4

THIS IS A O L D Tutorial. Here is my latest version: • NEW EASY Reactive Images for Collab... • I walk you through how to add your friends to your stream so that they appear disappear when they talk! • Discord Streamkit: / discord • Copy the CSS code: • -------- • li.voice-state: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; } • } • li.voice-state{ position: static; } • div.user{ position: absolute; left:40%; bottom:5%; } • body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; } • --------- • Jiinh's code generator: jiinh. com / discord-reactive-image-generator • (remove the spaces) • More vtuber tutorials: https://bit.ly/3oTr3wF • ⭐ I am OPEN for 3D vtuber commissions. Details contact here - ninjadee.carrd.co • ❤️Social Medias • 🧡 Ko-fi - https://ko-fi.com/ninjadee • 💛 Instagram - / ninjadeelee • 💚 Booth - https://ninjadee.booth.pm/ • 💙 Twitter - / ninjadeelee • 💜 Twitch - / ninjadee • –––––––––––––––––––––––––––––– • Chibi Artwork by Shoya - / jowdie_ • Green Tea by Smith The Mister https://smiththemister.bandcamp.com • Smith The Mister https://bit.ly/Smith-The-Mister-YT • Free Download / Stream: https://bit.ly/smith-the-mister-green... • Music promoted by Audio Library • Green Tea – Smith The Mister (No Copy... • ––––––––––––––––––––––––––––––

#############################

New on site