Scroll Reveal Animation on Squarespace
How to fade in element on you website when you scroll down
Open Google Chrome or download it from the Internet: http://bit.ly/2hdhbPS
Download the extension for Chrome: Squarespace Collection/Block Identifier http://bit.ly/2zFBpYi
Add Text and Images to your website. Once added, click on the newly downloaded extension icon and you will see some block names associated with each element of your landing page.
Open at Text Editor (Atom, Brackets, etc.) and copy this block of code:
Instead of #block-name you will need to add the block you need to animate.
For example I want to animate the first picture and the text immediately below, the code will become: