On this page

Effects

不透明度

用于控制元素不透明度的功能类。

使用前缀

为了防止和开发者项目中的其他原子化样式语法冲突，样式库默认添加了前缀 lwu，使用示例如下：

vue

<view class="lwu-flex"></view>

语法

0-100，步进5

Class	Properties	平台兼容性说明
opacity-0	opacity: 0 * 0.01	H5、小程序、app-vue、app-nvue
opacity-5	opacity: 5 * 0.01	H5、小程序、app-vue、app-nvue
opacity-10	opacity: 10 * 0.01	H5、小程序、app-vue、app-nvue
opacity-15	opacity: 15 * 0.01	H5、小程序、app-vue、app-nvue
opacity-20	opacity: 20 * 0.01	H5、小程序、app-vue、app-nvue
opacity-25	opacity: 25 * 0.01	H5、小程序、app-vue、app-nvue
opacity-30	opacity: 30 * 0.01	H5、小程序、app-vue、app-nvue
opacity-35	opacity: 35 * 0.01	H5、小程序、app-vue、app-nvue
opacity-40	opacity: 40 * 0.01	H5、小程序、app-vue、app-nvue
opacity-45	opacity: 45 * 0.01	H5、小程序、app-vue、app-nvue
opacity-50	opacity: 50 * 0.01	H5、小程序、app-vue、app-nvue
opacity-55	opacity: 55 * 0.01	H5、小程序、app-vue、app-nvue
opacity-60	opacity: 60 * 0.01	H5、小程序、app-vue、app-nvue
opacity-65	opacity: 65 * 0.01	H5、小程序、app-vue、app-nvue
opacity-70	opacity: 70 * 0.01	H5、小程序、app-vue、app-nvue
opacity-75	opacity: 75 * 0.01	H5、小程序、app-vue、app-nvue
opacity-80	opacity: 80 * 0.01	H5、小程序、app-vue、app-nvue
opacity-85	opacity: 85 * 0.01	H5、小程序、app-vue、app-nvue
opacity-90	opacity: 90 * 0.01	H5、小程序、app-vue、app-nvue
opacity-95	opacity: 95 * 0.01	H5、小程序、app-vue、app-nvue
opacity-100	opacity: 100 * 0.01	H5、小程序、app-vue、app-nvue