我正在尝试将gsap动画添加到我的徽标中,但此后并没有响应

时间:2019-07-20 08:46:19

标签: php codeigniter gsap tweenlite

我正在尝试将gsap动画添加到我的徽标中,但此后一直没有响应

查看

<img class="logo2 logo" src="<?php echo base_url();?>assets/Images/logo2" alt="logo-2">
         <img class="logo3 logo" src="<?php echo base_url();?>assets/Images/logo3" alt="logo-2">
         <img class="logo4 logo" src="<?php echo base_url();?>assets/Images/logo4" alt="logo-2">
         <img class="logo5 logo" src="<?php echo base_url();?>assets/Images/logo5" alt="logo-2">
         <img class="logo6 logo" src="<?php echo base_url();?>assets/Images/logo6" alt="logo-2">
         <img class="logo7 logo" src="<?php echo base_url();?>assets/Images/logo7" alt="logo-7">

脚本

TweenLite.from(".logo2", 1, { autoAlpha: 0, left: '50%', top: '50%', xPercent: 350, yPercent: -90, delay: 1, ease: Bounce.easeOut });
TweenLite.to(".logo2", 1, { left: '+=20px', top: '+=50px', xPercent: 260, yPercent: 47, delay: 1, ease: Bounce.easeOut });

TweenLite.from(".logo3", 1, { autoAlpha: 0, xPercent: 0, yPercent: 40, delay: 1, ease: Bounce.easeOut });
TweenLite.to(".logo3", 1, { xPercent: 140, yPercent: 40, delay: 1, ease: Bounce.easeOut });

TweenLite.from(".logo4", 1, { autoAlpha: 0, xPercent: -50, yPercent: -100, delay: 1, ease: Bounce.easeOut });
TweenLite.to(".logo4", 1, { xPercent: 40, yPercent: 45, delay: 1, ease: Bounce.easeOut });

TweenLite.from(".logo5", 1, { autoAlpha: 1, xPercent: -60, yPercent: 250, delay: 2, ease: Bounce.easeOut });
TweenLite.to(".logo5", 1, { xPercent: -60, yPercent: 55, delay: 2, ease: Bounce.easeOut });

TweenLite.from(".logo6", 1, { autoAlpha: 0, xPercent: -163, yPercent: 40, delay: 2 });
TweenLite.to(".logo6", 1, { xPercent: -163, yPercent: 40, delay: 2 });

TweenLite.from(".logo7", 1, { autoAlpha: 0, xPercent: -123, yPercent: -150, delay: 3, ease: Bounce.easeOut });
TweenLite.to(".logo7", 1, { xPercent: -123, yPercent: 25, delay: 3, ease: Bounce.easeOut });

0 个答案:

没有答案