В середине моей страницы у меня есть элемент div с некоторым содержимым в нем (другие divs, images, whatever).
<div>
before
</div>
<div id="content-to-scale">
<div>something inside</div>
<div>another something</div>
</div>
<div>
after
</div>
Я хотел бы масштабировать этот элемент (контент-масштабирование) и все его дочерние элементы. Кажется, это работа для масштабирования масштаба CSS3. Однако проблема заключается в том, что это преобразование только для визуализации этой иерархии элементов, оно не меняет объем пространства (или позиции) элемента на странице. Другими словами, масштабирование этого элемента больше приведет к перекрытию текста "до" и "после".
Есть ли простой/надежный способ масштабирования не только визуального представления, но и количества занимаемого пространства?
Дополнительные очки для чистого CSS без Javascript. Еще больше очков для решения, которое делает правильную вещь с другими функциями преобразования, такими как вращение и перекос. Это не нужно использовать CSS3-преобразование, но его нужно поддерживать во всех последних браузерах, поддерживающих HTML5.