それは、「50 日間で 50 のプロジェクト」というコースの 38 番目のプロジェクトである「モバイル タブ ナビゲーション」というプロジェクトから始まりました。それをコーディングしているときに、(モバイル自体を 3D 化する) というアイデアが頭をよぎりました。そこで、このトピックについて検索して調べ始めたところ、CSS パースペクティブと CSS 変換を使用すると、プロセスをシンプルで簡単に保ちながら、驚くべきものを作成できることがわかりました。

モバイルの CSS のみの 3D モデルを作成し、コースのバージョンには存在しない多くの機能を追加した後、CSS のみの HOLOGRAM を作成するというアイデアに行き詰まりました。これについては、次の記事で書きます。今後の記事で、このホログラムの中に携帯電話の壁紙を表示するキューブが入る予定です。その後、たくさんのバージョンを作成しましたが、いくつかはひどいもので、いくつかはかなり良いもので、ここに美しいものがあります:

これが CodePen (ツアーに参加してください!): CSS のみの 3D Photo Cube

読んでいただきありがとうございます。もっと知りたいですか？何か他のものを見たいですか?ぜひTwitterで私を見つけてください！アリシャタ128