Imgix APIsレンダリング APIテキストテキスト背景の角丸

テキスト背景の角丸

txt-radius

txt-radius パラメーターは、txt-bg が描画するボックスの角を丸めます。txt-bg が必要で、単独で指定しても何も起こりません。

値はピクセル数、またはフォントサイズに対する小数の割合です。txt-radius=0.5 はテキストの描画サイズにかかわらずフォントサイズの半分になります。十分に大きな半径を指定するとボックスは完全な丸み(ピル形)になり、バッジやタグによく使われる形状になります。

デフォルトの直角の角
sandbox-demo
txt-radius=0.2 はフォントサイズの20%です
sandbox-demo
txt-radius=0.6 でピル形になります
sandbox-demo
ピル形のバッジ
sandbox-demo