Skip to content

Instantly share code, notes, and snippets.

@zeptometer
Created June 4, 2022 09:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zeptometer/9f019963eb35e0f7417bf6d9e19d4a25 to your computer and use it in GitHub Desktop.
Save zeptometer/9f019963eb35e0f7417bf6d9e19d4a25 to your computer and use it in GitHub Desktop.
.voice-state {
height: unset !important;
margin-bottom: 16px !important;
display: flex;
}
.avatar {
height: 100px !important;
width: 100px !important;
opacity: 50%;
}
.user {
padding-top: unset !important;
display: flex;
align-items: center !important;
}
.name {
font-size: 28px !important;
padding: 8px 12px !important;
border-radius: 6px !important;
color: rgb(192, 192, 192) !important
}
.speaking+.user .name {
color: white !important;
}
.speaking {
border-color: rgba(0, 255, 0, 0.7) !important;
position: relative;
animation-name: speak-now;
animation-duration: 500ms;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
filter: brightness(100%);
opacity: 100%;
}
/*しゃべってるときのアニメーションの設定だよ*/
@keyframes speak-now {
0% {
bottom: 0px;
}
50% {
bottom: 10px;
}
100% {
bottom: 0px;
}
}
body {
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
overflow: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment