W środku mojej strony mam element div z pewną zawartością (inne div, obrazy, cokolwiek).

<div>
    before
</div>
<div id="content-to-scale">
    <div>something inside</div>
    <div>another something</div>
</div>
<div>
    after
</div>

Chciałbym skalować ten element (treść do skali) i wszystkie jego dzieci. Wydaje się, że jest to zadanie dla operacji skalowania transformacji CSS3. Problem polega jednak na tym, że jest to transformacja tylko w wizualizacji tej hierarchii elementów, nie zmienia ilości miejsca (lub pozycji) elementu na stronie. Innymi słowy, skalowanie większego elementu spowoduje, że będzie on nakładał się z tekstem „przed” i „po”.

Czy istnieje prosty / niezawodny sposób skalowania nie tylko wizualnej reprezentacji, ale także ilości zajmowanego miejsca?

Dodatkowe punkty za czysty CSS bez Javascript. Jeszcze więcej punktów za rozwiązaniewłaściwa rzecz z innymi funkcjami transformacji, takimi jak obracanie i pochylanie. To nie musi wykorzystywać transformacji CSS3, ale musi być obsługiwane we wszystkich najnowszych przeglądarkach obsługujących HTML5.