Audio tab animation
-
This is a request from the Vivaldi reddit. It animates the background of a tab with active audio. The code used is very similar to the pulsating "loading" button.
/* Audio Tab Animation version 2021.9.0 https://forum.vivaldi.net/topic/18439/audio-tab-animation Animates tabs playing sound. */ @keyframes greenwave { from { background: var(--colorAccentBgFaded); } to { background: #bbffff; } } @keyframes greenactive { from { background: var(--colorBg); } to { background: #bbffff; } } .tab.audio-on { animation-name: greenwave; } .tab.active.audio-on { animation-name: greenactive; } .tab.audio-on, .tab.active.audio-on { animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in; }
-
Thanks for sharing.
This can work with animations turned off as well
.tab.audio-on, .tab.active.audio-on { animation-duration: 2s !important; animation-iteration-count: infinite !important; animation-direction: alternate !important; animation-timing-function: ease-in !important; }
-
Hmm, what do you mean, with animations turned off in settings?
-
Correct. I find them unresponsive more often than not. But mods like this can be useful
-
Thank you for this very useful modification
Because if you have a lot of tabs, you sometimes search forever for the tab in which music is played. This modification solves this problem very well.
-
-
@luetage said in Audio tab animation:
pulsating "loading" button.
What is the >pulsating "loading" button<? Is that also a modification?
-
@stardepp Yeah, I should have linked it I guess. Managed to find it β https://forum.vivaldi.net/topic/6289/tab-loading-indicator/30
-