CSSのtransformを使用して3Dの立体を作成する方法をご紹介します!
transformプロパティをより深く理解するために、
立体的なものを作ってみるというのはとてもいい勉強になると思います!
正直、
これが出来たからといって作成した立体をそのままホームページに利用することは難しいですし、
使いどころの難しいものではありますが、
自身のポートフォリオを作る時のいい材料になるのではないでしょうか!
僕自身、
この立体をポートフォリオサイトのトップページに使っていますが、
見てくれた人にインパクトを与えるにはかなり有効ではないかと思っています!
(初見の人は大抵驚いてくれます!)
それでは作成手順に入りたいと思います!