-
Notifications
You must be signed in to change notification settings - Fork 1
/
keyframes.css
44 lines (37 loc) · 1.44 KB
/
keyframes.css
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
@-webkit-keyframes fadein { 0% {opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } }
@-webkit-keyframes lup { 0% { -webkit-transform: translateX(-42px) translateY(40px); opacity:1; } 100% { -webkit-transform: translateX(0) translateY(0); opacity: 1; } }
@-webkit-keyframes rup { 0% { -webkit-transform: translateX(42px) translateY(-40px); opacity:1; } 100% { -webkit-transform: translateX(0) translateY(0); opacity: 1; } }
@-webkit-keyframes scaler {
0% { -webkit-transform: scale(1);
width: 25%;
height: 25%;
}
40% {
-webkit-transform: translateY(2000px) scale(0.1);
}
100% { -webkit-transform: scale(1);
width: 50%;
height: 12.5%;
}
}
@-webkit-keyframes rescaler {
100% { -webkit-transform: scale(1);
width: 25%;
height: 25%;
}
40% {
-webkit-transform: translateY(2000px) scale(0.1);
}
0% { -webkit-transform: scale(1);
width: 50%;
height: 12.5%;
}
}
@-moz-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1;} }
@-moz-keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } }
@-moz-keyframes lup { 0% { -moz-transform: translateX(-42px) translateY(40px); opacity:1; } 100% { -moz-transform: translateX(0) translateY(0); opacity: 1; } }
@-moz-keyframes rup { 0% { -moz-transform: translateX(42px) translateY(-40px); opacity:1; } 100% { -moz-transform: translateX(0) translateY(0); opacity: 1; } }
.page {
-webkit-transform: translate3d(0px,0px,0px);
}