CSS3入門 08 線形グラデーションをつけてみよう
線形グラデーションについて学んだ。
使用ブラウザがchromeのため、-webkit-linear-gradientで指定した。
参考
#08 線形グラデーションをつけてみよう | CSS3入門 - プログラミングならドットインストール
使用するブラウザで記述が異なる場合があるため、その都度調べることが必要。
今はどうか分からないけど、CSS3は対応し切れてないことが多いようだ。
このwebkitという記述はchrome用の記述で、他のブラウザはまた別の記述が必要な場合がある。
IEは確か対応していない。
- webkit-linear-gradientをbackgroundに書いた。
頭に始点(top,bottomなど)や角度（～deg）で指定していない限り、上から順に適用される。
今回はpxで指定したけれど、%でも指定できるため、レスポンシブな感じなんだろうか。
画像やBOXを%で指定して作ったポートフォリオを思い出した。
参考
結局CSS3のlinear-gradientはどう書いたらいいのかまとめてみた (最新仕様・全ブラウザ対応版) - Studencheskie Programmisty
