← 譜面ヘッダー仕様に戻る
← 譜面エフェクト仕様に戻る

グラデーション仕様（共通）

使い方

|setColor=#99ff66:#66ff99,#9999ff,#ffffff,#ff9999,#ffff99|
|titlegrd=#ffff99:#ff9999@radial-gradient|
|color_data=
300,20,45deg:#ffff99:#ffffff:#9999ff
400,20,#ffff99:#ffffff:#9999ff@radial-gradient
500,20,#ffff99:#ffffff:#9999ff@conic-gradient
600,20,blue:red
700,20,blue;100:orange;255:red;255
|

記述仕様

グラデーション記述(コロン区切りで記述)@グラデーションの種類

• グラデーション種類を省略した場合：linear-gradient が指定されます。
• linear-gradient でグラデーション方向を省略した場合：to rightが指定されます。
• 矢印色1種類を指定した場合：グラデーションのない単色になります。 （実際はlinear-gradientで開始色と終了色が同じ）

使用できるグラデーションの種類

補足

• linear-gradient及びrepeating-linear-gradientのグラデーションの方向を変えたい場合は、先頭に「45deg」「to top right」などをつけることで変更することができます。
• カラーコード指定が原則です。色名指定も可能ですが、
  意図しない動きになることがありますのでご注意ください。
  • ver14.1.0より、色名指定に対応しました。
    ただし、環境により色味が変わる可能性があるためご注意ください。
  • ver19.2.0より、色名に対して透明度を指定できるようになりました。
    色名;透明度(0～255)のように指定してください。

参考：色名とカラーコードの対応表

https://www.colordic.org/
https://www.webcreatorbox.com/webinfo/color-name

参考：グラデーション詳細

• カンマになっている部分はコロンに置き換えてください。基本そのまま使用できます。
  現状、グラデーションの重ね合わせのみ未対応です。

https://developer.mozilla.org/ja/docs/Web/CSS/linear-gradient()
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Images/Using_CSS_gradients

関連項目

• setColor (*, ★) 矢印色
• frzColor (*, ★) フリーズアロー色
• titlegrd / titlearrowgrd グラデーション
• 色変化 (acolor_data, color_data)(★)

更新履歴