画像を一切使わずにCSS3だけでドラえもんを描いてみた！ - 裏技shop DD

昨日の画像を使わずにCSS3だけで作ったサイト「NetaGear」に引き続き、本日もCSS3の記事です。ここ最近の私のマイブームはCSS3で色々やってみることなんですが、CSS3を使えば画像なんて使わずに絵が描けるんじゃない？という疑問を抱き実際に作ってみました！ 今回作成したのは日本人なら誰もが知っている国民的キャラクターの「ドラえもん」です。使うものはXHTML+CSS3だけで一切の画像は使いません。画像を使えば簡単にできるのは言うまでもないことですが、すべてソースコードから成り立つことが前提です。 CSS3で作ったドラえもんの完成品！ CSS3 ドラえもん 最近のドラえもんというより、大山のぶ代さんが声をやっていた頃のドラえもんの方が好きなので、そっちをイメージして作りました。注意事項としてはGoogle Chromeとfirefoxで閲覧してください。Operaでは一部CSS3に対

[ui_nyan]

ＩＥ６だと大変なことになった http://twitpic.com/1lh3ns

[itochan]

比較対象にSVGがない

[knakamura1977]

IEさすがっ！（笑）

[koba04]

作りきるのがスゴイ。。

[touhousintyaku]

IEｗｗｗｗｗ

[machupicchubeta]

css3 html5 ドラえもん

[katzchang]

IE8がwwww

[t-murachi]

ブラウザごとの比較結果が興味深い。

[fm7743]

CSSだけで絵を描く変態的記事/いにしえのtableタグでドット絵的ななにかを彷彿とさせます。

[kofvictory]

これはすごい てかおもろっ‼

[caliburn]

"今回作成したのは日本人なら誰もが知っている国民的キャラクターの「ドラえもん」です。使うものはXHTML+CSS3だけで一切の画像は使いません。"

[amerio]

Safariでも目が動いたもん。

[sevenstars000]

ぱねえ

[tyu-ba]

独自拡張とはいえ、ChromeとFirefoxがほぼ同じなのは興味深い。

[ueyaman4649]

css3

[Rocco]

すげぇ！RT 画像を一切使わずにCSS3だけでドラえもんを描いてみた！ - 裏技shop DD

[h5y1m141]

スゴいなこれ。社内の勉強会のネタで使おうかな RT @sho7650 これは、スゴイ RT @koba_ninkigumi: すごいなこれ 画像を一切使わずにCSS3だけでドラえもんを描いてみた！

[route21pcm]

IEを使うべきではない理由

[tetram]

まさかこれほどとは

[nullpogatt]

その後藤子プロからマイクロソフトに抗議がきたりして…

[diveintounlimit]

これ、まんま各ブラウザの進化っぷりを示してるよね。

[Cherenkov]

ドラえもん

[isaisstillalive]

IEｗｗｗｗｗｗｗｗｗｗｗｗｗ

[suzuki107]

http://twitpic.com/1lnizq

[chuck_41]

IEすごい！ロボットらしさを表現してる。

[irasally]

IE・・・

[simsons]

すごいです

[hiromark]

すげえ。

[n-styles]

「-webkit-border-radius:146px;-moz-border-radius:146px;」とか、独自拡張のCSS使ってんじゃん。IEの動作は間違ってない。「<blink>が動かないIEはクソ」と言っているようなもの

[tmge130]

　CSSだけでドラえもんが再現できるなんて。。しかも画像よりはるかに軽い！

[nekoluna]

冗談は休み休みIE