グラデーション

グラデーション

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です