assetsforwordpress
MENU ASSETS

Random Grid Fade on Scroll

The Random Grid Fade on Scroll effect transforms your content into a grid of squares that randomly fade away as users scroll down the page. Built with GSAP, it’s fully responsive and works seamlessly across all devices.

Grid over a background image

You can change the number of squares by modifying this line:

return window.matchMedia("(min-width: 768px)").matches ? 12 : 6;

This displays 12 squares per row in desktop mode and 6 squares per row on mobile.

Grid over an Image

Work best with 1:1 images.

Glowing computers red background