塗りつぶしグラデーションの半径
fill-gradient-radial-radius
fill-gradient-type=radial
と組み合わせて使用される場合のグラデーションの半径を設定します。
二つの整数値を取ります (fill-gradient-radial-radius=radius1,radius2
)。これらはグラデーションの半径を制御します。radius1
は最初のグラデーション色 (color1
) の半径を制御し、radius2
は二番目のグラデーション色 (color2
) の半径を制御します。
指定されていない場合、radius1
は画像の最小寸法の 1/8
、radius2
は画像の最小寸法の 1/2
となります。
これらの値が等しい場合、グラデーションは丸い円として表示されます。なぜなら、color1
の半径が color2
の半径と同じであり、両方の色が完璧に重なるためです。
color1
の半径が減少すると、radius1
と radius2
の距離に基づいて両方の色の間にはっきりとしたブレンディング効果が生じます。
radius1
が radius2
よりも 大きい 値に設定されている場合、color1
と color2
の順序が逆転します。次の例では、二番目の色が上に表示され、その半径は radius2
によって指定されます。