小编a_d*_*per的帖子

我正在使用anime.js库来创建一个使用3个div的脉冲效果.此动画在chrome,opera和edge中正常工作.我在css中尝试了不同的供应商前缀,并使用了具有关键帧的纯css解决方案,但结果是相同的.我也尝试过加速动画的硬件,但它几乎不会影响性能.

问题在于缩放具有盒阴影和渐变样式的div.无论如何都要创建相同的脉冲/波浪效果而不将其锁定在Mozilla中？

var circleAnimation = anime({
  targets: '.pulse',
  delay: function(el, index) {
    return index * 500;
  },
  scale: {
    value: 12,
    duration: 5000,
    easing: 'easeOutCubic',
  },
  opacity: {
    value: 0,
    easing: 'easeOutCubic',
    duration: 4500,
  },
  loop: true
});

JS小提琴:https: //jsfiddle.net/hzx3jkhq/1/

谢谢