gyronorm.js平滑过渡

Question

我想使用Gyronorm在DOM元素上实现良好的不透明过渡 所以我做了这样的事情：

const el = document.querySelector(`#el`); // My el with changing opacity


const args = {
    frequency:1000,                 //Tried with low and high frequency
    decimalCount:2              
};


let gn = new GyroNorm();

gn.init(args).then(function(){
  gn.start(function(data){

    let opacity = data.dm.gx; // my opacity
    el.querySelector(`#fond`).style.opacity = opacity;

  });
}).catch(function(e){
  // log err
});

和具有过渡属性的CSS

#el {
  transition: opacity 50ms;
}

但它似乎没有任何动画。 我该怎么解决。

预先感谢