Stunning Video Grid Rotation while Scrolling

In this video we will take a look at this cool video grid rotation animation by Austin Malerba. I made some improvements in responsiveness and loading so it works in more browsers and on mobile. Once you nail the HTML and CSS setup, the interaction is actually pretty simple!

Watch the Tutorial on YouTubeGet the Project Cloneable

Inside <head> tag

<style>
/* prevent horizontal scroll */
.page-wrap {
	contain: paint;
}

/* make rounded corners work in safari */
.block {
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}
</style>

Inside </body> tag