使用GSAP动画模糊滤镜

Question

我想使用GSAP创建某种缩小动画效果。我想要做的是将元素从其大小的两倍缩放到正常大小，然后消失blur filter。过滤器应从开始blur(15px)并向下到blur(0)。

我以为我可以这样：

var el = $('img');

TweenLite.set(el, {
  'webkitFilter': 'blur(15px)',
  scale: 2
});
TweenLite.to(el, 0, {
  autoAlpha: 1,
  delay: 1.75,
  ease: Power2.easeIn
}); 
TweenLite.to(el, 2, {
  'webkitFilter': 'blur(0px)',
  scale: 1,
  delay: 1.7,
  ease: Power2.easeIn
});

相反，发生的事情是blur(0)立即应用。

这是显示问题的简单笔。我究竟做错了什么？

Answer 1

您是否尝试过仅更新到GSAP 1.18.4？似乎可以在您的Codepen中使用。到TweenMax 1.18.4的CDN链接是https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.4/TweenMax.min.js