How to make images that move as you scroll?

Aglapa · October 4, 2022

Hi there-

I really like this dynamic? responsive? design that moves as you scroll. Example/inspiration can be found on this site - https://www.twelvemaine.com/.

Do you need a specific type of imagery? Can these be accomplished in fluid engine? And obviously does it need custom CSS?

Any help is appreciated thank you!

Ziggy · October 4, 2022

Yes! That website is built in Squarespace and you can use any image you want (it will get cropped so bear that in mind) and set them as background images on sections and then you can in the section settings add effects, see here for more:
https://support.squarespace.com/hc/en-us/articles/4424798177549#toc-add-background-image-effects

The second section uses the "pan" background effect.

Hope that answers your question!

How to make images that move as you scroll?

Recommended Posts

Aglapa

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Ziggy

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources