Плавный переход с gyronorm.js - PullRequest
Новая
       12

Плавный переход с gyronorm.js

0 голосов
/ 19 декабря 2018

Я хотел получить хороший переход непрозрачности для элементов DOM с помощью Gyronorm Итак, я сделал что-то вроде этого: 

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;
}

Но он появляется без анимации.Как я могу это исправить.

Заранее спасибо

...