mirror of
https://github.com/gchq/CyberChef.git
synced 2025-04-27 10:16:15 -04:00
Added loading messages to preloader
This commit is contained in:
parent
3ee67927a5
commit
347adf688a
3 changed files with 46 additions and 1 deletions
|
@ -55,9 +55,26 @@
|
|||
animation: spin 1.5s linear infinite;
|
||||
}
|
||||
|
||||
#preloader-msg {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 300px;
|
||||
left: calc(50% - 150px);
|
||||
top: calc(50% + 50px);
|
||||
text-align: center;
|
||||
margin-top: 50px;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#preloader-msg.loading {
|
||||
opacity: 1;
|
||||
transition: all 0.1s ease-in;
|
||||
}
|
||||
|
||||
|
||||
/* Loaded */
|
||||
.loaded #preloader {
|
||||
.loaded #preloader,
|
||||
.loaded #preloader-msg {
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue