tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

show some loadig status when page is initializing

Browse Source
This commit is contained in:
MrOtherGuy
2021-05-15 09:15:25 +03:00
parent 63f6da832b
commit 0095829d1d
3 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
html_resources/main.css
View File

@@ -101,4 +101,18 @@ pre > div{
.atvalue{ color: lightblue }
.property{ color: orange }
.value{ color: skyblue }
.curly{ color: orangered }
.curly{ color: orangered }
@keyframes showDelayed{ from{ visibility: hidden } to{ visibility: visibile }}
@keyframes loadingBar{ from{ background-size: 0% } to{ background-size: 100% } }
#placeholder{
margin: 2em;
border: 2px solid darkslateblue;
border-radius: 3px;
background-image: linear-gradient(90deg,slateblue,purple);
background-repeat: no-repeat;
background-position: left;
animation: loadingBar 1500ms linear
}
.placeholder-text{ animation: showDelayed 2s steps(1) }