tailwindcss-effects

用途：在 Tailwind CSS v4.3 项目中为元素添加阴影、透明度、CSS 滤镜、背景滤镜与遮罩等视觉效果，适合卡片、弹窗、图片渐隐与玻璃拟态界面。主要能力：盒阴影含预设 shadow-none 至 shadow-2xl、阴影颜色（shadow-red-500、shadow-purple-500/50）、内阴影 inset-shadow-2xs/xs/sm 及任意值语法 shadow-[0_4px_12px_rgba(0,0,0,0.3)]；透明度 opacity-0 至 opacity-100 与颜色简写 bg-red-500/50；滤镜 blur、brightness、contrast、grayscale、sepia、hue-rotate、invert、saturate；背景滤镜 backdrop-blur、backdrop-brightness、backdrop-contrast、backdrop-grayscale、backdrop-invert、backdrop-saturate、backdrop-sepia；遮罩 mask-none、边缘遮罩 mask-b/x-from-*、线性与径向遮罩、mask-[url(...)]、位置、尺寸与重复控制。使用方式：直接组合工具类，如 backdrop-blur-md backdrop-brightness-90 实现毛玻璃，mask-b-from-50% 实现底部渐隐；可用 md:、lg:、dark: 前缀做响应式与暗色模式变体；通过 @theme 定义变量、@utility 封装自定义效果（如 glass-effect）。限制：资料仅给出工具类与浏览器支持范围（滤镜 Chrome 18+ 等、背景滤镜 Chrome 76+ 等、遮罩 Chrome 1+ 等），未提供安装步骤、价格或平台信息；性能上建议少用 backdrop-blur，并在低端设备测试背景效果。