Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-01 13:39:22 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add social redirect animation

Browse source
This commit is contained in:
RainLoop Team 2016-07-13 00:46:33 +03:00
parent f64cf601ce
commit 0a6a84b3d7
5 changed files with 157 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

40
dev/Styles/_social.css Normal file
View file

@ -0,0 +1,40 @@
@keyframes redirectingRotation {
to {
transform: rotate(1turn);
}
}
.social-icon-wrp {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.social-icon {
position: absolute;
top: 50%;
left: 50%;
font-size: 140px;
margin: -60px 0 0 -60px;
color: #999;
}
.redirecting:after{
content: '';
position: absolute;
width: 240px;
height: 240px;
top: 50%;
left: 50%;
margin-top: -120px;
margin-left: -120px;
border: 8px solid transparent;
border-color: transparent;
border-top-color: #999;
animation: redirectingRotation 1s infinite ease-in-out;
border-radius: 50%;
z-index: 1;
}