[CSS3] How to draw the Apple logo with 100% CSS. No javascript! No images! – CSSだけで描画するアップルロゴ
CSSだけで描画するアップルロゴ。左右の矢印をクリックすると、他の企業ロゴも出てきます。いやなんかこれスゴいっす。CSS3を使った実用的な作例というわけではなく、どちらかというと「別にイメージでいいじゃん」って話ではあるんだけど、こんな複雑なシェイプもコードだけで描けるという点に意味がありますな。ロゴ下部にはHTMLとCSSのコードも記載されていて、ロゴを描画するに至る苦労の跡が見えます。他にはペプシとかアドビとか色々あります。
How to draw the Apple logo with 100% CSS. No javascript! No images!