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

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

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