CSS3の新機能

お花見に行ってきたYu-ichiです:neko:

前回、HTML5について記事を書きましたので、
今回はCSS3について書いてみたいと思います。

まず、現在CSS3に対応しているブラウザは最新版の
「Chrome」「Safari」「Opera」「Firefox」などです。
※一部の機能には対応していないものもあります。:cat_6:

IEは7も8もCSS3には全く対応していません。:cat_5:

さて、CSS3では何が出来るのか?というと

  • テキストのドロップシャドウ
  • 角丸ボックス
  • グラデーションカラー
  • 透明度が調整できるカラー
  • ボーダーに画像を使う

などなど、装飾に関する機能やプロパティが増えています。:kaoemoji3:

詳しくはこちらのサイトで見ることが出来ます
http://www.impressivewebs.com/css3-click-chart/
(CSS3に対応したブラウザでないと、正しく表示されない場合があります)

CSS3で表現できることがさらに増えたので、
よりサイトデザインの幅が広がるでしょう。

その分、最初の内は苦労しそうですが・・・:cat_6:

HTML5とCSS3でまたホームページに大きな変化が起こったとき、
検索エンジン側の対応がどうなのか気になるところです。

かえって、昔のようなHTMLタグだけで作ったホームページの方が
上位表示されるようだったら笑えますね。:wa-i:

さて、次回はもう少し技術的なことをエントリーしたいと思います。 

 

いつものブログランキングの応援クリック、お願いします:kaomoji6:
:onegai: :yubiright: :yubileft:

トラックバックURL