mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-07-13 03:27:39 +03:00
Add new login animation
This commit is contained in:
parent
d8903c0680
commit
70be42bbaf
9 changed files with 97 additions and 33 deletions
|
|
@ -136,3 +136,43 @@
|
|||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loginRotation {
|
||||
to {transform: rotate(1turn);}
|
||||
}
|
||||
|
||||
.submitting-pane {
|
||||
position: relative;
|
||||
&.submitting {
|
||||
&:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: transparent;
|
||||
background: rgba(0,0,0,.3);
|
||||
z-index: 1051;
|
||||
border-radius: 8px;
|
||||
}
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -30px;
|
||||
margin-left: -30px;
|
||||
|
||||
border: 8px solid transparent;
|
||||
border-color: transparent;
|
||||
border-top-color: #fff;
|
||||
animation: loginRotation 1s infinite ease-in-out;
|
||||
|
||||
border-radius: 50%;
|
||||
z-index: 1052;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue