それは「50日間で50のプロジェクト」というコースの38番目のプロジェクトである「Mobile Tab Navigation」というプロジェクトから始まりました。それをコーディングしているときに、(モバイル自体を3D化して)というアイデアが頭をよぎりました。このトピックについて検索して調べ始めたところ、CSS パースペクティブと CSS 変換を使用すると、プロセスをシンプルで簡単に保ちながら、驚くべきものを作成できることがわかりました。
モバイルの CSS のみの 3D モデルを作成し、コースのバージョンには存在しない多くの機能を追加した後、CSS のみの HOLOGRAM を作成するというアイデアに行き詰まりました。これについては将来書きます。このホログラムの内側には、携帯電話の壁紙を表示するキューブがあります。その後、多くのバージョンを作成しました。そのうちのいくつかは悲惨なもので、いくつかはかなり良いもので、ここに美しいものがあります:
これが CodePen (ツアーに参加してください!): CSS のみの 3D Photo Cube です
読んでいただきありがとうございます。もっと知りたいですか?何か他のものを見たいですか?ぜひTwitterで私を見つけてください!アリシャタ128
以上が世界初の CSS のみのフォト キューブの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。