Не удается избежать запуска Paint on Chrome при работе только с свойствами преобразования CSS

Question

Я пытаюсь избежать фазы Paint в Chrome, используя requestAnimationFrame для обновления свойства преобразования элемента. Я создал небольшую демо здесь (работает только в Chrome): http://jsfiddle.net/ES3FM/1/

var div = document.querySelector('div'); 
function repaint(){ 
    webkitRequestAnimationFrame(repaint); 
    div.style.webkitTransform = "scaleX(" + (Math.random() * 100) + ")"; 
}; 

repaint(); 

Я не знаю, если это поведение может быть достигнуто, если не я действительно заинтересован в том, как мы можем динамически влиять на визуализацию элемента на странице без запуска фазы Paint, но с использованием только фазы Composite Layers.

Answer 1

Я решил его, position: absolute не создает новый слой, translateZ(0) делает, вот Исправленная версия: http://jsfiddle.net/sandro_paganotti/ES3FM/2/

var div = document.querySelector('div'); 
function repaint(){ 
    webkitRequestAnimationFrame(repaint); 
    div.style.webkitTransform = "translateZ(0) scaleX(" + (Math.random() * 100) + ")"; 
}; 

repaint();