How to assign an image animation style in Squarespace

In this tutorial, we’ll be adding one of 9 different animation styles to an image block in Squarespace.

Check out the images below for a preview of all the options you can chose from!

---

Fade In

This is an example of the fade in image animation style in Squarespace

Slide Up

This is an example of the slide up image animation style in Squarespace

Horizontal Clip

This is an example of the horizontal clip image animation style in Squarespace

Vertical Clip

This is an example of the vertical clip image animation style in Squarespace

Tilt Up

This is an example of the tilt up image animation style in Squarespace

Tilt Down

This is an example of the tilt down image animation style in Squarespace

Focus In

This is an example of the focus in image animation style in Squarespace

Collide

This is an example of the collide image animation style in Squarespace

Reveal

This is an example of the reveal image animation style in Squarespace