搞CSS动画的时候老是被浏览器兼容性折磨 现在用JavaScript的requestAnimationFrame做动画反而更稳一点，至少主流浏览器都支持。写了个淡入淡出的demo，感觉比纯CSS的@keyframes兼容性好处理多了：

function fadeIn(element) {
  let opacity = 0;
  element.style.display = 'block';
  
  function animate() {
    opacity += 0.05;
    element.style.opacity = opacity;
    
    if(opacity < 1) {
      requestAnimationFrame(animate);
    }
  }
  
  requestAnimationFrame(animate);
}

IE还是得用setTimeout降级处理，不过这年头谁还用IE啊哈哈哈（但客户总要求兼容‍）