CSS3でつくるグラデーション

CSS3の勉強がしたかったのでブログのヘッダーにCSS3のgradientを使ってみた。

[css]
#header {
margin-bottom:0.6em;
padding: 4em 2em 2em ;
background: -moz-linear-gradient(top, #005eca, #0077ff);
background: -webkit-gradient(linear, left top, left bottom, from(#005eca), to(#0077ff));
}
[/css]

上記はヘッダーに指定しているCSSの一部。
backgroundが2つあるけど、上がFirefox用、下がsafari, Google Chrome用の記述。
IEは知らない（たぶんきかない）
要はブラウザごとに記述が違うということらしい。

上（#995eca）から下（#0077ff）に向かってグラデーションするみたい。

途中の色変えたりとかもできるみたいでいろいろとおもしろそお。

参考サイト：CSS Lecture | CSS3 グラデーション（gradient）の指定方法