在 chrome 51 上，为什么 translate3d+scale 在没有过渡的情况下会变得模糊？错误或预期？ https://jsfiddle.net/hkzxwomy/2/
翻译+缩放或单独缩放不会发生这种情况
container.style.transform = `translate3d(10px, 10px, 10px) scale(${scale})`;
【问题讨论】：
标签： google-chrome css-transitions css-animations css-transforms
从 Chrome 53 开始，如果元素有 will-change，它将保持这种行为，没有它，Chrome 会重新光栅化它
更多：https://www.chromestatus.com/feature/5637351992721408
演示：http://jsbin.com/vutotadido/1/edit?html,css,output
解释：https://docs.google.com/document/d/1f8WS99F9GORWP_m74l_JfsTHgCrHkbEorHYu72D4Xag/edit#
【讨论】：
requestAnimationFrame 并使用一个函数来设置style.transform = "none"，然后在该回调中设置另一个requestAnimationFrame 以删除style.transform = "" 的属性。这导致重新光栅化消除了模糊。