世界初の CSS のみのフォト キューブ

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

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

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

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

以上が世界初の CSS のみのフォト キューブの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。