zias/wolk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

resolve #13

Browse Source
This commit is contained in:
Henrique Dias
2015-09-20 10:33:23 +01:00
parent 0ac1f84f60
commit 125666b5c5
78 changed files with 7472 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
assets/src/sass/_animations.scss
View File

@@ -1,50 +1,49 @@
#loading {
position : fixed;
height : calc(100% - 3em);
width : 100%;
top : 3em;
background-color: rgba(0,0,0,0.6);
z-index : 99999999;
display : none;
position: fixed;
height: calc(100% - 3em);
width: 100%;
top: 3em;
background-color: rgba(0, 0, 0, 0.6);
z-index: 99999999;
display: none;
}
.double-bounce {
width : 5em;
height : 5em;
margin : 0 auto;
position : relative;
top : 50%;
width: 5em;
height: 5em;
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.double-bounce .child {
width : 100%;
height : 100%;
border-radius : 50%;
background-color : #fff;
opacity : .6;
position : absolute;
top : 0;
left : 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: .6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: doubleBounce 2s infinite ease-in-out;
animation : doubleBounce 2s infinite ease-in-out;
animation: doubleBounce 2s infinite ease-in-out;
}
.double-bounce .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay : -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform : scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform : scale(1);
transform: scale(1);
}
}
@@ -52,11 +51,10 @@
0%,
100% {
-webkit-transform: scale(0);
transform : scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform : scale(1);
transform: scale(1);
}
}