blob: 529a931af4b516c3f242eb2c3a40b35afffa7b4c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
.mblSwirl.mblOut {
z-index: 0;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblSwirlOut;
-webkit-animation-timing-function: ease-in;
}
.mblSwirl.mblIn {
z-index: -100;
-webkit-animation-duration: .5s;
-webkit-animation-name: mblSwirlIn;
-webkit-animation-timing-function: ease-in;
}
.mblSwirl.mblOut.mblReverse {
-webkit-animation-name: mblSwirlOutReverse;
}
@-webkit-keyframes mblSwirlOut {
from { -webkit-transform: rotate(0deg) scale(1.0); }
to { -webkit-transform: rotate(-360deg) scale(0.0); }
}
@-webkit-keyframes mblSwirlOutReverse {
from { -webkit-transform: rotate(0deg) scale(1.0); }
to { -webkit-transform: rotate(360deg) scale(0.0); }
}
@-webkit-keyframes mblSwirlIn {
from { -webkit-transform: scale(1.0); }
to { -webkit-transform: scale(1.0); }
}
|
