読者です 読者をやめる 読者になる 読者になる

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

情報・Web系技術の勉強メモ・備忘録です。

CSS3 で作る Windows8 ロゴマーク

CSS3 で作る Windows8 ロゴマーク

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

コード

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

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

codepen.io

広告を非表示にする