Adding Animation to Blocks in Squarespace

Sep 18

Block animation features are now built-in to Squarespace’s content management system (CMS). This is an incredible improvement that’s going to open up so many design capabilities for both studios and DIY-ers! Want your text to fade in as users scroll? No problem! Have an icon you’d like to be constantly spinning? Easy! All of this and more is possible directly in the platform.

In the tutorial below, we walk you through how to add animation to image and text blocks directly in Squarespace. There are a slew of options for what triggers the animation, how the animation functions, what the effect looks like, and more. Take a look and be sure to let us know if you try it for yourself!

The Latest from Happenstance

✸

The Latest from Happenstance ✸

Blog & Tutorials

Website Design, Squarespace Tutorial

Adding Animation to Blocks in Squarespace

Website Design, Squarespace Tutorial

Strategy

How to Get Ahead Design-Wise Before the Holiday Season

Strategy

With every new year comes the excitement of a fresh start. This could come in the form of setting personal goals, or, in your work life, by refreshing certain aspects of your business. In this post, we’ll share a few helpful tips on how to work ahead on design-related items while heading into the busy holiday season.

Strategy

Website Design, Squarespace Tutorial

Introducing Squarespace Stacks: A New Way to Group Blocks

Website Design, Squarespace Tutorial

Squarespace just rolled out a game-changing feature that allows users to “stack” different blocks together like never before. Squarespace Stacks makes it easy to create groups of items that can be styled with unique padding, background colors, and layouts, while moving like one element.

Website Design, Squarespace Tutorial