-
Notifications
You must be signed in to change notification settings - Fork 1
/
pop-parallax.css
37 lines (35 loc) · 967 Bytes
/
pop-parallax.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
/**
* pop effect by zezen
* benavern.github.io
*/
/*before*/
.pop{
opacity : 0;
-webkit-transform : translate(0px, 100px);
-ms-transform : translate(0px, 100px);
transform : translate(0px, 100px);
-webkit-transition : all 0.5s;
transition : all 0.5s;
}
.pop-left{
-webkit-transform : translate(-100px, 0px);
-ms-transform : translate(-100px, 0px);
transform : translate(-100px, 0px);
}
.pop-right{
-webkit-transform : translate(100px, 0px);
-ms-transform : translate(100px, 0px);
transform : translate(100px, 0px);
}
.pop-top{
-webkit-transform : translate(0px, -100px);
-ms-transform : translate(0px, -100px);
transform : translate(0px, -100px);
}
/*after*/
.pop.popped{
opacity : 1;
-webkit-transform : translate(0px, 0px);
-ms-transform : translate(0px, 0px);
transform : translate(0px, 0px);
}