どうも!LSSです!! 以前、 little-strange.hatenablog.com で、CSSで立体的な立方体を描いてみました。 その際に、 …ただし、位置決めなどの指定がとても複雑で、例えば今回は立方体でしたが、これを直方体にしようと思っただけでも話がややこしくなりそうです^^; 【CSS】サイコロ回転【preserve-3d試してみた】 - Little Strange Software と書いていましたが、実際に直方体を描こうとしたら結構迷ってしまいました^^; が、なんとか描けました^^ 幅200px高さ100px厚さ20pxの直方体 コード 各面の描画の起点は左上、回転の中心は各面の中心 あとがき 幅200px高さ100px厚さ20pxの直方体 コード <style> .box3d{ position:relative; transform-style:preserve-