マネしたいポイント

キービジュアルの奥行きのある紙面が目を引くサイトです。3D表現ですが、WebGLなどは使わずCSSのtransformで表現しているところがポイントです。WebGLと比べれば実装も容易なので立方体のような形態であればCSSでも3D表現が可能です。

応用できそうな場面

平面の変形ならCSSで3D化可能なので応用の幅は広そうです。立方体のような形ではなくても平面の回転やレイヤー化などで奥行き感のある表現ができるでしょう。実装コストも下がるので価格面でのメリットもあります。

懸念点

CSSで3D表現ができるものはデザインに限りがあります。CSSでの実装を前提とする場合は技術面での検討が必要です。