Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Is there a way to use CSS -transform and not affect children elements

Is there a way to use CSS -transform and not affect children elements

Problem

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.

Problem courtesy of: mikevoermans

Solution

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.

Solution courtesy of: mikevoermans

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Is there a way to use CSS -transform and not affect children elements

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×