Scroll Animation Effect on Squarespace (CSS Code)

I’ve recently moved my website from IMXPRS to Squarespace. It’s not perfect, but I’m loving all the features that are missing from IMXPRS such as the Index and shop.. What I do miss from IMXPRS is the beautiful fade effect when the page loads and when you scroll down the page.. After some Googling, I found a script for this from Chris Schwartz-Edmisten.. It worked a treat, but I wanted to set this effect on ALL the blocks, not just specific elements. Again this goes with my minimalist/simplicity principles.. Here’s the revised code I ended up with:. Just add the above code in the Code Injection section.. Then in the Footer code, just add this:. . Where .sqs-block is ALL the block elements on my entire site. One day I’d like to figure out how to apply it to all the pages, but I’m happy with this for now.

Still puzzling over something?