2013-11-08css3のtransformなどを使い立体の箱を作り、hoverで回転させようの巻ベンダープレフィックスは書いてません。最新のFireFoxで見て下さい。完成品(hoverで回転します。)topbottomleftrightbackfront作り方まずはhtml、6面体なのでdivで6つの要素を作る。分かり易いように、それぞれに違う色をつけます。(今回oocssでやります。※classの使い回しをする事で、cssがコンパクトになる。)さらに分かりやすいようにopacityで半透明にします。各面にtop,bottom,left,right,back,frontと名前をつける。6つのdivをdivで囲みclass="content"とする。それらをdivで囲みclass="container"とする。h10">front</div></div></div>css.w10{width:10em;}.h10{height:10em;}.w5{width:5em;}.h5{height:5em;}.top{background-color:gold;}.bottom{background-color:teal;}.left{background-color:pink;}.right{background-color:lime;}.front{background-color:}.back{background-color:}cssで立体にしていきます。.conteinerと.contentに以下の指定をします。position:absoluteで基準点とします。立体のものを作る時にはtransform-style:preserve-3d;を必ずかきましょう。roteteで全体を傾けます。