create loading_indicator_rotating_image.css
This commit is contained in:
parent
4da20b7984
commit
5617572b9a
3 changed files with 33 additions and 1 deletions
30
chrome/loading_indicator_rotating_image.css
Normal file
30
chrome/loading_indicator_rotating_image.css
Normal 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;
|
||||||
|
}
|
|
@ -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"]
|
||||||
}
|
}
|
||||||
|
|
1
tags.csv
1
tags.csv
|
@ -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
|
||||||
|
|
|
Loading…
Reference in a new issue