Как избежать перекраски dom при регулировке ширины?

Question

Так что я стараюсь, чтобы эти два дивана нажимали друг на друга, но FPS делает огромный удар, и я знаю, что это из-за перекраски дома ... Но можно ли это избежать?

http://codepen.io/Strongarm/pen/obXmmg

document.getElementById("left").addEventListener("click", function(){ 
    TweenMax.to(".left", 0.5, {width:"100%"}); 
    TweenMax.to(".right", 0.5, {width:"0%", opacity: 0}); 
    fullScreen = true; 
}); 

document.getElementById("right").addEventListener("click", function(){ 
    TweenMax.to(".left", 0.5, {width:"0%", opacity: 0}); 
    TweenMax.to(".right", 0.5, {width:"100%"}); 
    fullScreen = true; 
}); 

Answer 1

В зависимости от вашей ситуации, вы можете быть в состоянии оживить «преобразование» атрибут. This link описывает, почему преобразование лучше, когда дело касается движущихся элементов вокруг - возможно, это также поможет с изменением размера.

По понятным причинам это не будет работать во всех случаях, но вы можете попробовать:

TweenMax.to(".left", 1, {transform: scaleX(100%)}); 
TweenMax.to(".right", 1, {transform: scaleX(0%)});