DigiNews

Tech Watch by Johan Denoyer

← Back to articles

Tw-fade: pure CSS scroll-driven edge masking

Quality: 8/10 Relevance: 9/10

Summary

tw-fade is a Tailwind v4 plugin that enables CSS-only, scroll-driven edge masking with a single class and no JavaScript. The piece introduces horizontal (fade-x) and vertical (fade-y) fade utilities, along with advanced options (fade-xy, fade-size, fade-range) for configurable edge fading. It also notes browser support across Chrome, Edge, Safari, with partial support in Firefox.

🚀 Service construit par Johan Denoyer