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

WBOY
リリース: 2024-08-17 06:02:32
オリジナル
514 人が閲覧しました

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

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

World

World

World

World

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

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

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

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!