css - 为什么这个变换比例没有动画？

Question

我正在尝试将 circle 从 scale(0) 设置为 scale(1) 的动画，但即使 不透明度动画。

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

setInterval(function() {
  TweenMax.to($("circle"), 1, {
    css: {
      opacity: 1
    },
    scale: 1
  });
}, 1000);

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>

Answer 1

我编辑了您的帖子并将代码放入代码片段中。

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

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