跳到主要内容

Opacity 透明度

opacity 属性指定元素的透明度。


中性色

ExampleTokenValueUsage
--color-neutral-alpha-04rgba(37, 45, 55, 0.04)常用于组件交互的 Enabled 状态,
等同于--color-neutral-200
--color-neutral-alpha-08rgba(37, 45, 55, 0.08)常用于组件交互的 Hover 状态,
等同于--color-neutral-300
--color-neutral-alpha-12rgba(37, 45, 55, 0.12)常用于组件交互的 Active 状态,
等同于--color-neutral-400
--color-neutral-alpha-16rgba(37, 45, 55, 0.16)常用于模态对话框的背景叠加
--color-neutral-alpha-32rgba(37, 45, 55, 0.32)常用于模态对话框的背景叠加

主题色

ExampleTokenValueUsage
--color-primary-alpha-04--color-primary-600 (#00A98F, opacity: 0.04)
rgba(0, 169, 143, 0.04)
常用于选项选中的背景颜色
--color-primary-alpha-08--color-primary-600 (#00A98F, opacity: 0.08)
rgba(0, 169, 143, 0.08)
常用于浅色按钮的背景颜色