Create Animated Avatars Using Discord - CSS Code

li.voice-state:not([data-reactid*="ENTER USER ID HERE"]) { display:none; }

.avatar { content:url(DISCORD FILE LINK IDLE GRAPHIC ); height:auto !important; width:auto !important; border-radius:0% !important; filter: brightness(100%); }

.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(DISCORD FILE LINK SPEAKING GRAPHIC); }

@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%; }