CSS3D！まるでWebGLのような3Dを超気軽に実装するCSS技CSSでWebGLライクな3D表現は可能か？ご覧ください、 可能 です。 ただし、できない(苦手とする)こともあります。 See the Pen OnlyCSS: Cube 3D Twister by Yusuke Nakaya (@YusukeNakaya) on CodePen. やったことこの記事の 3D表現 とは、単純に perspective + transform プロパティで「1つの要素を立体的に表示する」だけではなく、 「立方体を描画して、回転などの表現を加える」 事を目指しています。 立方体のコントロールについて、CSSだけでどこまで可能か、研究してみました。 立方体を描画する親要素に transform-style: preserve-3d; を指定すると、 親要素の3D変形を継承して子要素の3D変形も有効 になります。 これは言葉では説明しにくいので、下のサンプルをご
