SmartHR Design System

不透明度

不透明度トークンは、要素の不透明度の指定に使用します。

不透明度は CSS の opacity プロパティと同義です。0% で完全に透過し、 100% で設定された要素の裏にある内容が完全に隠れます。

要素のデフォルトは 100% です。

プリミティブトークン

トークン名値(%)
00%
2525%
5050%
7575%
100100%

セマンティクストークン

トークン名値(%)利用例
ACTIVE100%通常時
HOVER75%マウスオーバー時

[WIP]コード

© 2021, SmartHR, Inc.