let tl = new TimelineMax();
tl.from('.bubble-item1',0.5,{display: 'none',top: 0, opacity:0});
- tl.from('.bubble-desc1',0.4,{opacity: 0});
-
- tl.from('.bubble-item2',0.5,{display: 'none',top: 0, opacity:0}, '+=0.2');
- tl.from('.bubble-desc2',0.4,{opacity: 0});
-
- tl.from('.bubble-item3',0.5,{display: 'none',top: 50, opacity:0}, '+=0.2');
- tl.from('.bubble-desc3',0.4,{opacity: 0});
-
- tl.from('.bubble-item4',0.5,{display: 'none',top: 200, opacity:0}, '+=0.2');
- tl.from('.bubble-desc4',0.4,{opacity:0});
-
- tl.from('.bubble-item5',0.5,{display: 'none',top: 200, opacity:0}, '+=0.2');
- tl.from('.bubble-desc5',0.4,{opacity: 0});
-
- tl.from('.bubble-item6',0.5,{display: 'none',top: 300, opacity:0}, '+=0.2');
- tl.from('.bubble-desc6',0.4,{opacity: 0});
-
- tl.from('.bubble-item7',0.5,{display: 'none',top: 440, opacity:0}, '+=0.2');
- tl.from('.bubble-desc7',0.4,{opacity: 0});
-
- tl.from('.bubble-item8',0.5,{display: 'none',top: 440, opacity:0}, '+=0.2');
- tl.from('.bubble-desc8',0.4,{opacity: 0});
+ tl.from('.bubble-item2',0.5,{display: 'none',top: 0, opacity:0}, '-=0.3');
+ tl.from('.bubble-item3',0.5,{display: 'none',top: 50, opacity:0}, '-=0.3');
+ tl.from('.bubble-item4',0.5,{display: 'none',top: 200, opacity:0}, '-=0.3');
+ tl.from('.bubble-item5',0.5,{display: 'none',top: 200, opacity:0}, '-=0.3');
+ tl.from('.bubble-item6',0.5,{display: 'none',top: 300, opacity:0}, '-=0.3');
+ tl.from('.bubble-item7',0.5,{display: 'none',top: 440, opacity:0}, '-=0.3');
+ tl.from('.bubble-item8',0.5,{display: 'none',top: 440, opacity:0}, '-=0.3');
+
+
+ tl.from('.bubble-desc1',0.4,{opacity: 0}, '-=0.1');
+ tl.from('.bubble-desc2',0.4,{opacity: 0}, '-=0.1');
+ tl.from('.bubble-desc3',0.4,{opacity: 0}, '-=0.1');
+ tl.from('.bubble-desc4',0.4,{opacity:0}, '-=0.1');
+ tl.from('.bubble-desc5',0.4,{opacity: 0}, '-=0.1');
+ tl.from('.bubble-desc6',0.4,{opacity: 0}, '-=0.1');
+ tl.from('.bubble-desc7',0.4,{opacity: 0}, '-=0.1');
+ tl.from('.bubble-desc8',0.4,{opacity: 0}, '-=0.1');