anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

fix loading screen & spinner

Browse source
This commit is contained in:
bechi 2014-11-19 15:45:08 -03:00
commit 55b31e64cd
10 changed files with 207 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

65
css/src/style.css
View file

@ -96,6 +96,21 @@
content: "\e60e";
}
.contener_general {
-webkit-animation:animball_two 1s infinite;
-moz-animation:animball_two 1s infinite;
-ms-animation:animball_two 1s infinite;
animation:animball_two 1s infinite;
}
.ball_1, .ball_2, .ball_3, .ball_4 {
-webkit-animation:animball_one 1s infinite ease;
-moz-animation:animball_one 1s infinite ease;
-ms-animation:animball_one 1s infinite ease;
animation:animball_one 1s infinite ease;
}
.side-nav.wallets {
-webkit-transition: height 250ms ease-in;
-moz-transition: height 250ms ease-in;
@ -1361,3 +1376,53 @@ stretchRight
-ms-transform: translateY(0%);
}
}
@-webkit-keyframes animball_one
{
0%{ position: absolute;}
50%{top:12px; left:12px; position: absolute;opacity:0.5;}
100%{ position: absolute;}
}
@-moz-keyframes animball_one
{
0%{ position: absolute;}
50%{top:12px; left:12px; position: absolute;opacity:0.5;}
100%{ position: absolute;}
}
@-ms-keyframes animball_one
{
0%{ position: absolute;}
50%{top:12px; left:12px; position: absolute;opacity:0.5;}
100%{ position: absolute;}
}
@keyframes animball_one
{
0%{ position: absolute;}
50%{top:12px; left:12px; position: absolute;opacity:0.5;}
100%{ position: absolute;}
}
@-webkit-keyframes animball_two
{
0%{-webkit-transform:rotate(0deg) scale(1);}
50%{-webkit-transform:rotate(360deg) scale(1.3);}
100%{-webkit-transform:rotate(720deg) scale(1);}
}
@-moz-keyframes animball_two
{
0%{-moz-transform:rotate(0deg) scale(1);}
50%{-moz-transform:rotate(360deg) scale(1.3);}
100%{-moz-transform:rotate(720deg) scale(1);}
}
@-ms-keyframes animball_two
{
0%{-ms-transform:rotate(0deg) scale(1);}
50%{-ms-transform:rotate(360deg) scale(1.3);}
100%{-ms-transform:rotate(720deg) scale(1);}
}
@keyframes animball_two
{
0%{transform:rotate(0deg) scale(1);}
50%{transform:rotate(360deg) scale(1.3);}
100%{transform:rotate(720deg) scale(1);}
}