解决 Chrome 下 CSS keyframe animation 导致 CPU 过高的问题 #css

css3.css

.el {
  transform: transition3d(0,0,0);
  transform: translateZ(0); /* 推荐 */
}

/*
 * 二选一即可
 * 强制开启GPU硬件加速
 * 参考：
 * @url http://stackoverflow.com/questions/13176746/css-keyframe-animation-cpu-usage-is-high-should-it-be-this-way
 * @url http://blog.bingo929.com/transform-translate3d-translatez-transition-gpu-hardware-acceleration.html
 */