ほぼCSS3のみで見事に「Mac OSX Lion」の起動画面を再現

イタリア・ローマ在住のウェブ・デザイナーAlessio Atzeni氏が、ほぼCSS3のみで再現した「Mac OSX Lion」のインタラクティブな起動画面の紹介です。時計やログイン時など一部についてはJavascriptも使用しているようですが、CSS3でデザインと動作を完結しています。

サイトにアクセスると電源を入れた状態が再現されています。

パスワード入力画面(パスワードはadmin)に遷移し、パスワードを入力します。

Mac OSX Lion起動。

このようにメニューも操作することができますが、もちろん表示のみです。画面上のウインドウも操作可能になっています。

実際に動作するサイトはこちらから
Mac OS X Lion CSS3 by Alessio Atzeni

関連記事

TwitterやNikeなど有名なロゴをCSS3のみで再現 - DNA

色々なOSの再起動をブラウザで再現、お試しできる「The Restart Page」 - DNA

初代Windows1.0から最新のWindows7まで、順番にアップデートすると何が起こる？ - DNA

いろいろな写真にHTMLタグを入れてみたらこんな感じになる - DNA

MacBook Air購入検討者は「見てはいけない」、魅力たっぷりの実機レビューページ総まとめ - DNA

「Apple I」から「iPhone 4」までApple製品の進化の歴史をまとめた画像45枚 - DNA

神秘の調和、アップル社のプロダクトデザインに隠された「黄金比」 - DNA