css变量设置随机数,动画持续时长设置随机数

css变量设置随机数,动画持续时长设置随机数。

css动画持续时常设置为随机数。通过js随机,然后更改属性的style;

    var ele = document.querySelector('.an1'); //获取元素
    //第一种设置方法
    ele.style.cssText += "animation-duration:"+随机数+"s";"color:red;";
    //第二种设置方法
    ele.style.setProperty('animation-duration', 随机数 +'s');

参考链接

  1. setProperty()函数解读
  2. css中的cssText解读
  3. css中的随机数

你可能感兴趣的:(web前端,前端)