Is there a way to use CSS -transform and not affect children elements
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.
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.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here