I created a mockup to demonstrate my problem. I fear the solution falls in what I did with the first example (box1).
Just not sure why I can’t apply a css transform to a parent element and avoid applying it to the child element or at least override it.
Let me know if there is a way to get the effect of the first example using the transform property. I don’t want the second image to be scaled as well. Just the parent div.
Note
I’m trying to use this property to enable GPU acceleration.
I wanted to use -transform to get the GPU performance perk. I guess I’ll continue to use the width animation: http://jsfiddle.net/Vyaf3/22/ but with applying a css3 property that would enable the GPU acceleration.