JS Fiddle から始めます。
<div id="page" style="position: relative; background: #ccc; width: 500px; height: 600px;">
<div id="container" style="top: 50px; left: 100px; width: 200px; height: 200px; position: absolute; background: #fff;">
<img src="http://lorempixel.com/200/100/">
</div>
</div>
ページ全体の div#page
があり、その中に別の div が#container
絶対に対して配置されてい#page
ます。
私が達成したいのは、その中の画像を回転させるか90deg
、常にその画像を の左上隅に移動することです。180deg
270deg
#container
少し試してみましたtransform-origin
が、解決策が見つかりませんでした。