004キャンペーンイベントに使えるアニメーション動画
カスタマイズして48時間でお届けします
説明説明斜めのグラデーションを作るには、linear-gradientに方向の値を追加します。
方向は角度(deg)を指定する方法と開始位置を指定する方法のどちらかです。
右上から左下方向にかけて、ブルーからグリーンに変化する斜めのグラデーションを例に確認してみましょう。
以下、斜めのグラデーションを角度で指定するコード例です。
ご注文の流れ
開始位置を指定する場合には、90度または45度の角度でグラデーションが作成されることに注意が必要です。
角度を指定する場合には、degという単位を使用します。
degはdegree(度)を表すものです。
では、角度を指定してグラデーションを作る場合に、角度とグラデーションの方向の関係について確認してみましょう。
グラデーションの角度がわかりやすいように、色の割合を50%で作成してみます。