How can I wrap a container around its css-transformed contents?

Question

When I use scale or rotate, the parent element wraps to the size of the pre-translation dimensions of the element.

Transformed image

Is there any way to wrap the parent container around the bounding box of the transformed element with CSS, or do I need to use Maths to manually position things?

Please note the browser issues related to webkit-css: http://stackoverflow.com/questions/3468154/what-is-webkit-and-how-is-it-related-to-css — Stefan Neubert, Jan 09 '13 at 21:42
I don't know if I understood the question correctly, do you want the parent-wrapper to follow the child or what? — Jonas Røssum, Jan 10 '13 at 21:59

score 0 · Answer 1 · edited May 23 '17 at 12:34

0

Based on this earlier question it sounds like you will need to use some math and javascript to change the wrapper.

By using the function in the answer you could then set the wrapper dimensions based on the dimensions you just calculated.

edited May 23 '17 at 12:34

Community

1
1

answered Jan 11 '13 at 16:50

Matthew Green

10,161
4
36
54

How can I wrap a container around its css-transformed contents?

1 Answers1

Linked