012たまに使えるアニメーション動画

説明説明斜めのグラデーションを作るには、linear-gradientに方向の値を追加します。

方向は角度(deg)を指定する方法と開始位置を指定する方法のどちらかです。

右上から左下方向にかけて、ブルーからグリーンに変化する斜めのグラデーションを例に確認してみましょう。

以下、斜めのグラデーションを角度で指定するコード例です。

開始位置を指定する場合には、90度または45度の角度でグラデーションが作成されることに注意が必要です。

角度を指定する場合には、degという単位を使用します。

degはdegree(度)を表すものです。

では、角度を指定してグラデーションを作る場合に、角度とグラデーションの方向の関係について確認してみましょう。

グラデーションの角度がわかりやすいように、色の割合を50%で作成してみます。