ブレンドレイヤーのグラデーション角度
blend-gradient-angle
線形の blend-gradient の方向を、CSS の linear-gradient と同じ規則で設定します。blend-gradient-type=radial の場合は効果がありません。
| 値 | 説明 |
|---|---|
180 (デフォルト) | 上から下へ。最初のストップが上端に来ます。 |
0〜360 | CSS の度数。0 が上を指し、角度は時計回りに進むため、90 は左から右、270 は右から左になります。数値は循環するため、-90 は 270 と同じです。 |
top、right、bottom、left | CSS の to top のように、その辺に向かって進みます。 |
top,right、bottom,left などの角 | その角に向かって進みます。2 つの辺はどちらの順序でも指定できます。CSS と同様に、角の方向はレイヤーのアスペクト比に依存します。 |
角度はレイヤーを基準に測られ、映像を基準にはしません。
特定のブレンドレイヤーを指定するには blend-gradient-angle[N] を使用します。N は 0〜3 です。レイヤー 0 はベアの blend-gradient-angle または blend-gradient-angle[0] のどちらでも指定でき、両方を指定した場合はベアの名前が優先されます。レイヤーが他のレイヤーの指定を借用することはありません。