Banner animations in Squarespace 7.1

preview_player
Показать описание


In our lastest blog, we show you three different options on how to add parallax scrolling to your Squarespace 7.1.

For those of you who are new to website design, Parallax Scrolling is when a background image moves at a different speed to the content on top, giving an interactive feel to the browsing of a page.

By adding this creative element to your site, it opens up the opportunity to showcase products, services, and content in a compelling and engaging way + it’s super easy to implement

Here’s one of the one ways you can do this...

ᴜꜱɪɴɢ ᴛʜᴇ ʙᴀɴɴᴇʀ ɪᴍᴀɢᴇ ᴇꜰꜰᴇᴄᴛ

In your Squarespace 7.1 site:

👉🏻 Click EDIT on your page
👉🏻 Navigate to the section that you want to edit
👉🏻 Click the EDIT (pencil) icon on the section
👉🏻 Click Background
👉🏻 Make sure you've uploaded a background image
👉🏻 Scroll to the bottom of the panel and click Image Effect
👉🏻 This will reveal a large list of animations to play with!
👉🏻 Use the TILT design for the closest to Parallax

Рекомендации по теме
Комментарии
Автор

I tried on chrome ad safari but it says I need to be in browser that supports that for the effects to show up, what browser are you using?

HaguenHernandezUribe