はしくれエンジニアもどきのメモ

情報系技術・哲学・デザインなどの勉強メモ・備忘録です。

CSS3 で作る Windows8 ロゴマーク

CSS

CSS3 で作る Windows8 ロゴマーク

CSS3 のみで Windows8 のロゴを作ってみました。

コード

工夫した点は、 div でボックスを一つを作ってから、 box-shadow で同じ大きさのボックスを 3つ追加し、それぞれ配置しているという点。

立体的に見えるよう、transform: perspective() で視点を変更し、rotateY() で奥に回転させています。