When I use scale
or rotate
, the parent element wraps to the size of the pre-translation dimensions of the element.
JSFiddle Example
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?