グラデーション

グラデーション

• 背景色などにlinear-gradient()パラメータを使用して線形グラデーションを表示することができます。
• linear-gradient(方向,開始色　0％,終了色 100%)
• 方向
  • 上から下：to bottom
  • 下から上：to top
  • 左から右：to right
  • 右から左：to left
• 方向は、degの単位で角度でも指定できます。
• 色の指定は、0％と100％に分岐点を追加指定できます。
  • 例：開始色　０％, 分岐点色　50％, 終了色　１００％　など
• ベンダープレフィックスを使用する場合、ベンダーによってパラメータ（引数）の指定が異なっているので注意が必要です。
• グラデーション設定を作成してくれるサイト：Ultimate CSS Gradient Generator