CSS3で描かれたiPhoneとかドラえもんとか13個

ブラウザ(特にSafariとChrome)のCSS3サポートがかなり良いです。

CSS3だけで描かれたドラえもんが話題になりましたが、その他にCSS3で描かれたものをご紹介。

CSS3を利用して描かれたもの

もはやCSS3で描けないものはないレベルです。そういえば、テーブルのセルで表現された8ビット時代のファミコンキャラとかもあった、昔。

SafariかChromeで見るのが良いです。

ドラえもん

http://shopdd.blog51.fc2.com/blog-entry-932.html

マリオ

Safariで見ると回転します。

http://cordobo.com/wp-content/uploads/pure-css-animated-3d-super-mario/

アンパンマン

http://lomo.hmds.jp/anpanman/

シンプソン

http://www.romancortes.com/blog/homer-css/

Windows 7

http://www.jankoatwarpspeed.com/examples/windows7menu/

Twitterのくじら

http://www.subcide.com/experiments/fail-whale/

Safari

http://general-metrics.com/Safari/

iPod

http://admixweb.com/demos/ipodcss3/

iPhone 3G

http://lab.jeffbatterton.com/iphone-css3/

iPhone4

http://re-dzine.net/demo/iphone4/

iOS アイコン

http://graphicpeel.com/cssiosicons

IEロゴ

http://cordobo.com/wp-content/uploads/ie-pure-css-logo/

Operaロゴ

http://desandro.com/articles/opera-logo-css/

オススメ書籍

10日でSEO&アクセスアップ Jimdoデザインブック

かっこいいだけではなく、人が集まるホームページを作る!

「Jimdo」(ジンドゥー)でのホームページの作成方法と運用方法を解説した書籍。解説記事を順番に読み進めて行くことで、Jimdoを使ったホームページの作成・運用・宣伝・集客の基本を、10日間で習得するのが本書のコンセプトです。12章構成の解説の中で、Jimdoの基本操作とホームページの作成、デザインとコンテンツ(内容)のレベルアップ、そしてSEOやリスティング広告を含む宣伝・集客の基本を解説しています。

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


ABOUTこの記事をかいた人

株式会社マジカルリミックス 代表取締役CEO/JimdoExpert 宮城県出身。コンピューター系の専門学校を卒業後、仙台のデザイン会社に入社。 Webサイトのデザイン・コーディングをはじめとし、各種デジタルメディアのデザインに従事。2002年退職後すぐにマジカルリミックスを創業。2007年に法人化で株式会社マジカルリミックスを設立。Webサイト運用に関するコンサルティング、社内向けITトレーニング、セミナー出演、執筆など。2005年から仙台の専門学校で、非常勤講師としてWeb制作講義を担当。 主な著書に『10日で作るかっこいいホームページ Jimdo(ジンドゥー)デザインブック』(エムディエヌコーポレーション)『HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。』(共著、同)『基礎から覚える、深く理解できる。Webデザインの新しい教科書』(同)。