Skip to content

Instantly share code, notes, and snippets.

@TwisterMc
Created August 23, 2017 12:12
Show Gist options
  • Save TwisterMc/70ef0f45c9d4543e0ecf79a2488fae2e to your computer and use it in GitHub Desktop.
Save TwisterMc/70ef0f45c9d4543e0ecf79a2488fae2e to your computer and use it in GitHub Desktop.
Vivaldi Tab Loading Indicator
/* append this to the bottom of the common.css file */
/* via https://forum.vivaldi.net/topic/6289/tab-loading-indicator/24?page=2 */
@keyframes fade{
from {opacity:1}
to {opacity:0.4}
}
/* Either pulse the "X"... */
.button-toolbar.reload.loading svg{
animation-name: fade;
animation-duration: 400ms;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction:alternate;
}
/* ...or pulse the addressbar: */
.addressfield .progressing{
animation-name: fade;
animation-duration: 400ms;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction:alternate;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment