tw-fade

tw-fade 是一个为 Tailwind CSS v4 设计的纯 CSS 边缘渐隐遮罩插件，通过 scroll-driven animations 和 mask-image 实现滚动容器上下/左右边缘的内容溶解效果。核心特性包括零 JavaScript 运行时、按需触发的滚动感知渐隐（仅在内容超出视口时生效）、支持单边/多边组合（如 fade-t fade-r）、可调参数（厚度、触发距离）、平滑 S 曲线透明度过渡，以及对不支持新特性的浏览器优雅降级为静态渐隐。适用于需要专业级滚动边缘处理的现代 Web UI，如长列表、卡片网格、文档面板等场景，尤其适合追求性能与语义化 DOM 的 Tailwind v4 项目。