-
Notifications
You must be signed in to change notification settings - Fork 0
/
able-animations.js
59 lines (53 loc) · 2.03 KB
/
able-animations.js
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
angular.module('able')
.animation('.checkoutAnimate', [function(){
return {
enter: function(element, done) {
TweenLite.set(element, {position:'relative', height:'auto'});
TweenLite.from(element, 0.5, {height:'0', ease:Power2.easeInOut, onComplete: done});
},
leave: function(element, done) {
TweenLite.set(element, {position:'relative', height:'auto'});
TweenLite.to(element, 0.5, {height:'0', ease:Power2.easeInOut, onComplete: done});
}
}
}])
.animation('.productsListAnimate', [function(){
return {
enter: function(element, done) {
var time = 0.1 * (element[0].childElementCount-2)
TweenLite.set(element, {position:'relative', height:'auto'});
TweenLite.from(element, time, {height:'0', ease:Power2.easeInOut, onComplete: done});
},
leave: function(element, done) {
var time = 0.1 * (element[0].childElementCount-2)
TweenLite.set(element, {position:'relative', height:'auto'});
TweenLite.to(element, time, {height:'0', ease:Power2.easeInOut, onComplete: done});
}
}
}])
.animation('.productListedAnimate', [function(){
return {
enter: function(element, done) {
var t = new TimelineLite()
t.add(TweenLite.set(element, {position:'relative', height:'auto'}))
t.add(TweenLite.from(element, 0.1, {height:'0', ease:Power2.easeInOut}))
t.add(TweenLite.from(element, 0.1, {opacity:'0', ease:Power2.easeInOut, delay:'0.1', onComplete: done}))
},
leave: function(element, done) {
var t = new TimelineLite()
t.add(TweenLite.set(element, {position:'relative', height:'auto'}))
t.add(TweenLite.to(element, 0.1, {opacity:'0', ease:Power2.easeInOut}))
t.add(TweenLite.to(element, 0.1, {height:'0', ease:Power2.easeInOut, delay:'0.1', onComplete: done}))
}
}
}])
.animation('.progressOverlayAnimate', [function(){
return {
enter: function(element, done) {
TweenLite.from(element, 0.25, {opacity:'0', ease:Power2.easeInOut, onComplete: done});
},
leave: function(element, done) {
TweenLite.to(element, 0.5, {opacity:'0', ease:Power2.easeInOut, onComplete: done});
}
}
}])