小箱を別の箱に入れるにはどうすればいいですか？これを Firefox で楽しみのためにコーディングしましたが、他のブラウザーで同じ効果を得るにはどうすればよいですか? Firefox で作成したスクリーンショット:
現時点では、Firefox でのみ正しく (?) 動作します。マークアップの一部を次に示します。
<div id="cube-inner">
<div class="side-inner" id="side1"></div>
<div class="side-inner" id="side2"></div>
<div class="side-inner" id="side3"></div>
<div class="side-inner" id="side4"></div>
<div class="side-inner" id="side5"></div>
<div class="side-inner" id="side6"></div>
</div>
<div id="cube">
<img class="side" id="side1" src="http://s4.goodfon.ru/wallpaper/previews-middle/525807.jpg" alt=""/>
<img class="side" id="side2" src="http://s2.goodfon.ru/wallpaper/previews-middle/524603.jpg" alt=""/>
<img class="side" id="side3" src="http://s2.goodfon.ru/wallpaper/previews-middle/515632.jpg" alt=""/>
<img class="side" id="side4" src="http://s5.goodfon.ru/wallpaper/previews-middle/500278.jpg" alt=""/>
<img class="side" id="side5" src="http://s5.goodfon.ru/wallpaper/previews-middle/503559.jpg" alt=""/>
<img class="side" id="side6" src="http://s5.goodfon.ru/wallpaper/previews-middle/514249.jpg" alt=""/>
</div>
そして、完全なソースを含む jsFiddle。