不透明度
不透明度トークンは、要素の不透明度の指定に使います。
不透明度はCSSのopacity
プロパティと同義です。0%
で完全に透過し、100%
で設定された要素の裏にある内容が完全に隠れます。
要素のデフォルトは100%
です。
プリミティブトークン
トークン名 | 値(%) |
---|---|
0 | 0% |
25 | 25% |
50 | 50% |
75 | 75% |
100 | 100% |
セマンティクストークン
トークン名 | 値(%) | 使用例 |
---|---|---|
ACTIVE | 100% | 通常時 |
HOVER | 75% | マウスオーバー時 |
不透明度トークンは、要素の不透明度の指定に使います。
不透明度はCSSのopacity
プロパティと同義です。0%
で完全に透過し、100%
で設定された要素の裏にある内容が完全に隠れます。
要素のデフォルトは100%
です。
トークン名 | 値(%) |
---|---|
0 | 0% |
25 | 25% |
50 | 50% |
75 | 75% |
100 | 100% |
トークン名 | 値(%) | 使用例 |
---|---|---|
ACTIVE | 100% | 通常時 |
HOVER | 75% | マウスオーバー時 |