edbrz9
/
ed.brz9.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

loading animation fix

This commit is contained in:
edbrz9 2022-12-30 17:21:50 +01:00
parent 6c7a397057
commit 6407976cef
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
proj/y2t/assets/css/style.css
View File

@ -53,7 +53,6 @@ section.input select, section.input input[type=text] {
} }
/* Loading screen */ /* Loading screen */
div.loading { div.loading {
@ -69,9 +68,9 @@ div.loading {
} }
div.loading span { div.loading span {
width: 2rem; width: 1rem;
height: 2rem; height: 1rem;
margin: 0 5px; margin-left: 20px;
background-color: var(--white); background-color: var(--white);
border-radius: 50%; border-radius: 50%;
display: inline-block; display: inline-block;
@ -79,6 +78,11 @@ div.loading span {
animation-duration: 2s; animation-duration: 2s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
margin-top: 23px;
}
div.loading span:nth-child(1){
animation-delay: 0s;
} }
div.loading span:nth-child(2){ div.loading span:nth-child(2){
@ -86,13 +90,12 @@ div.loading span:nth-child(2){
} }
div.loading span:nth-child(3){ div.loading span:nth-child(3){
animation-delay: 0.8s; animation-delay: 1.2s;
} }
@keyframes dots{ @keyframes dots{
50%{ 50%{
opacity: 0; opacity: 0.2;
transform: scale(0.7) translate(10px); transform: scale(0.4) translate(1px);
} }
} }