为什么这个变换比例缩放动画?

时间:2018-01-30 07:47:54

标签: css debugging animation transform gsap

我正在尝试将scale(0)scale(1)动画为opacity,但即使setInterval(function() { TweenMax.to($("circle"), 1, { css: { opacity: 1 }, scale: 1 }); }, 1000);动画也不动画。

https://codepen.io/labeeb/pen/rJaNdN



circle {
  transform: scale(0);
  opacity: 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<svg width="500" height="500">
    <g>
        <circle cx="30" cy="30" r="50" fill red></circle>
    </g>

</svg>
&#13;
eventobj = {
  fromDate: "Date",
  toDate: "Date",
}
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:-1)

我修改了您的帖子并将代码放入代码段。

执行此操作时,错误TweenMax is not defined在控制台中可见。

  1. 你真的没有定义TweenMax。
  2. 您忘了添加一些代码。