On this page

Filters

滤镜模糊

用于将模糊滤镜应用于元素的功能类。

使用前缀

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

vue

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

语法

模糊度

Class	Properties	平台兼容性说明
blur-none	filter: blur(0)	H5、小程序、app-vue
blur-sm	filter: blur(4px)	H5、小程序、app-vue
blur	filter: blur(8px)	H5、小程序、app-vue
blur-md	filter: blur(12px)	H5、小程序、app-vue
blur-lg	filter: blur(16px)	H5、小程序、app-vue
blur-xl	filter: blur(24px)	H5、小程序、app-vue
blur-2xl	filter: blur(40px)	H5、小程序、app-vue
blur-3xl	filter: blur(64px)	H5、小程序、app-vue

灰色滤镜（用于哀悼模式）

Class	Properties	平台兼容性说明
blur-grey	filter: grayscale(1)	H5、小程序、app-vue