ごんたのお気楽な毎日

タイピング,おすすめ無料ソフト,気になるニュース等を取り上げていくブログ

--年--月--日(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2010年05月18日(火)

XHTMLCSS3を使って、パンダ(ジャイアントパンダ)を描いてみた。画像やJavaScriptは一切使っていない。

完成図
CSS3で描いたパンダの集合写真(縮小版)

「主要5ブラウザの最新安定版」で表示した画面をキャプチャし、並べて縮小したもの。制作したWebページを表示すると、クリックで絵が変化したり瞬きしたりするが、これは画像だから変化しない。

CSS3を使うと、今まで画像やJavaScriptを使わないと表せなかったことが、CSSだけで可能になる。

CSS2.1では無理だったこと
  • 角を丸くする。
  • 背景にグラデーションをかける。
  • 対象物を、回転・拡大/縮小・歪ませる。
  • 文字やボックスに陰影をつける。
  • アニメーションさせる。

現在CSS3は、まだW3Cの勧告に至っておらず、草案(合議して決めるために作られた案)の段階。だから、仕様は二転三転する可能性がある。

ただし、勧告されるのは当分先の事であり、勧告されていなくても使用してよい。各ブラウザは、W3Cの草案を基にCSS3を先行実装していて、Web開発者の意見を取り入れながら実装・改良をしていくようだ。

プロフィール
ごんた
著者近影(ごんたの顔)
恥ずかしいのでモザイク入れました

好奇心旺盛なタイパー

タイプウェル』の称号を3つ獲得している。

  • スペシャリスト(国語R)
  • オールラウンダー
  • トゥルータイパー

『タイプウェル』で225人目の殿堂入り。

カレンダー
04 « 2010-05 » 06
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -
月別分類
内容別分類
全記事から検索
最近の記事
最近のコメント
最近のトラックバック
おまけ
  • 改造前の姿
  • RSS FEED
  • QLOOKアクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。