profile picture of Olivier Larose

Olivier Larose

May 18, 2024





Mask Entry

How to Make an Masked Image Entry Animation using React and Framer Motion

A website tutorial featuring an entry animation with a masked image made a clip path, React and Framer Motion. Inspired by:, Image by Cody Cobb

Live Demo
background video

It seems you don’t have access to this tutorial.

This tutorial is part of the Web Animation Course.

Learn more

Related Animations


Jan 30, 2024

Capsule Physics

A website tutorial featuring a physics based animation using Matter.js and Next.js


Jan 30, 2024

Image Pixel Loading

A website tutorial featuring a lazy loading image pixel effect using javascript Canvas API and Next.js. Inspired by