Solution 1 :

Welcome to Stackoverflow 🙂

There are actually two things happening


1. Detect scrolling

The Images zoom in when they come into the Viewport. This can be done by waypoints.js

2. Image Animation

It is not just the Image that is zooming in. Each Image is sitting in an together with some text and styled as a square tile.

You could use and here the zoomIn.

Both together might result in a very similar effect and be the easiest way for a beginner.


Note: I don’t know to much about WP

A quick search brought me to

It uses the animate.css and detects scrolling, seems to me well maintained, and is used more then 50,000 times.

Problem :

I’d like to know what’s the name of the effect of images popping one by one.

Here’s an example:

What would it be called in terms of CSS animation?

This website currently uses WordPress was this effect custom built or is there plugins allowing me to recreate it?

Thank you for your help!