Create less_static_throbber.css
This commit is contained in:
parent
a4c81d331a
commit
3a930dfc7f
3 changed files with 28 additions and 10 deletions
16
chrome/less_static_throbber.css
Normal file
16
chrome/less_static_throbber.css
Normal file
|
@ -0,0 +1,16 @@
|
|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/less_static_throbber.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Replaces the static reduced-motion hourglass-icon with rotating dots */
|
||||
|
||||
/* svg.context-properties.content.enabled must be "true" otherwise the icon will be black */
|
||||
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
@keyframes rotate-throbber{from{transform: rotateZ(0deg)}to{rotateZ(360deg)}}
|
||||
.tab-throbber{
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJjb250ZXh0LWZpbGwiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiPg0KICA8Y2lyY2xlIGN4PSI4IiBjeT0iMi41IiByPSIyIiBmaWxsLW9wYWNpdHk9IjEiLz4NCiAgPGNpcmNsZSBjeD0iMTIiIGN5PSI0IiByPSIxLjciLz4NCiAgPGNpcmNsZSBjeD0iMTMuNSIgY3k9IjgiIHI9IjEuNyIvPg0KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxLjciLz4NCiAgPGNpcmNsZSBjeD0iOCIgY3k9IjEzLjUiIHI9IjEuNyIvPg0KICA8Y2lyY2xlIGN4PSI0IiBjeT0iMTIiIHI9IjEuNyIvPg0KICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSI4IiByPSIxLjciLz4NCiAgPGNpcmNsZSBjeD0iNCIgY3k9IjQiIHI9IjEuNyIvPg0KPC9zdmc+DQo") !important;
|
||||
-moz-context-properties: fill,fill-opacity !important;
|
||||
fill-opacity: 0.5 !important;
|
||||
animation: rotate-throbber 2s steps(8) infinite;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue