使用D3过渡和使用CSS动画进行动画制作

Question

我正在尝试确定使用D3.transition在元素上应用动画或使用CSS动画/关键帧之间是否存在差异。有首选方式吗？是否比其他人更有效率？

实施例： 我希望<circle>能够在0.5和1的不透明度之间无限制地制作动画，为它提供脉动动画。

我可以这样做：

function pulsatingAnimation() {
    circleSelection.transition()
        .duration(1000)
        .attr('opacity', 0.5)
        .transition()
        .duration(1000)
        .attr('opacity', 1)
        .on('end', pulsatingAnimation);
}

我的CSS文件中的OR

.circle { animation: pulse 1s ease infinite alternate; }
@keyframes pulse {
  0% {
    opacity: 0.5;
  }

  100% {
   opacity: 1;
  }
}

谢谢！