create loading_indicator_rotating_image.css

This commit is contained in:
MrOtherGuy 2021-06-25 10:48:03 +03:00
parent 4da20b7984
commit 5617572b9a
3 changed files with 33 additions and 1 deletions

View file

@ -0,0 +1,30 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/loading_indicator_rotating_image.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Shows a rotating image over web content during navigation */
@keyframes statusimage-anim{
from{ transform: rotateZ(0deg) }
to{ transform: rotateZ(360deg) }
}
#statuspanel[type="status"]::after{
position: absolute;
display: block;
height: 200px;
width: 200px;
top: -60vh;
left:50vw;
margin-left: -100px;
content: "";
pointer-events: none;
border-radius: 100px;
box-shadow: 0 0 40px grey;
background-color: rgba(127,127,127,0.4);
background-image: url("chrome://global/skin/icons/settings.svg");
background-size: 70%;
background-position: center;
background-repeat: no-repeat;
-moz-context-properties: fill;
fill: rgb(20,20,50);
animation: statusimage-anim 2s infinite linear;
}

View file

@ -134,5 +134,6 @@
"vertical_popup_menubar.css":["menubar","menu","toolbars","popup"], "vertical_popup_menubar.css":["menubar","menu","toolbars","popup"],
"window_control_fallback_for_custom_windows_theme.css":["window-control","buttons","colors","patch"], "window_control_fallback_for_custom_windows_theme.css":["window-control","buttons","colors","patch"],
"window_control_placeholder_support.css":["window-control","patch"], "window_control_placeholder_support.css":["window-control","patch"],
"loading_indicator_bouncing_line.css":["status","navigation","effect"] "loading_indicator_bouncing_line.css":["status","navigation","effect"],
"loading_indicator_rotating_image.css":["navigation","effect","status"]
} }

View file

@ -134,3 +134,4 @@ vertical_popup_menubar.css,menubar,menu,toolbars,popup
window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colors,patch window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colors,patch
window_control_placeholder_support.css,window-control,patch window_control_placeholder_support.css,window-control,patch
loading_indicator_bouncing_line.css,status,navigation,effect loading_indicator_bouncing_line.css,status,navigation,effect
loading_indicator_rotating_image.css,navigation,effect,status

1 auto_devtools_theme_for_rdm.css,devtools,colors
134 window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colors,patch
135 window_control_placeholder_support.css,window-control,patch
136 loading_indicator_bouncing_line.css,status,navigation,effect
137 loading_indicator_rotating_image.css,navigation,effect,status