Logo Windi CSS
Play
Play
  • 通用
    • 颜色
    • 排版
    • SVG
    • 可变修饰
  • 可访问性
    • 屏幕阅读器
  • 动画
    • Animation
    • Transforms
    • Transitions
  • 背景
    • Background
    • Gradients
    • Background Blend Mode
  • 行为
    • Box Decoration Break
    • Image Rendering
    • Listings
    • Overflow
    • Overscroll Behavior
    • Placeholder
  • 边框
    • Border
    • 分割线
    • Outline
    • 轮廓环
  • 特效
    • Box Shadow
    • Opacity
    • Mix Blend Mode
  • 过滤器
    • Filter
    • Backdrop Filter
  • 互动
    • Accent Color
    • Appearance
    • Cursor
    • 插入符
    • 指针事件
    • Resize
    • 滚动行为
    • 触摸操作
    • User Select
    • Will Change
  • 布局
    • Columns
    • 容器
    • Display
    • Flexbox
    • Grid
    • Positioning
    • 尺寸
    • 间隔
    • 表格

Opacity #

Utilities for controlling the opacity of an element.

0
5
10
20
25
30
40
50
60
70
75
80
90
95
100
Config
CSS
Customizing
windi.config.js
export default {
  theme: {
    opacity: {
      light: '0.25',
      full: '1',
    },
  },
}
对此篇文档有建议?戳这里反馈给我们
Box Shadow
Mix Blend Mode