javascript - 动漫 Js 和不透明度

Question

我想使用 animate 来平移和淡化元素，但 opacity 属性不会影响动画。我到目前为止：

let timeline1 = anime.timeline();

   timeline1.add({
      targets: '#operation .letter',
      translateY: [0,40],
      opacity: [0, 1],
      easing: "linear",
      duration: 300,
      delay: (el, i) =>   30 * i
    })

翻译和其他属性工作得很好，但它似乎并没有将不透明度作为一个 css 属性而是作为一个属性来改变。

在 HTML 中，一旦呈现，目标显示：

<span class="letter" opacity="1" style="transform: translateY(40px);">p</span>

它似乎将不透明度作为属性而不是 css 属性

我试过opacity: 1, and opacity:"1"都没有改变动画

提前致谢，

标签： javascripthtmlcssanimationopacity