Create a three-part hover effect for your client’s Poster Blocks with this awesome mini-course! You'll be able to display the title at all times, customize the image animation and choose between 2 mobile layouts to make sure everything looks great on all devices

Add a clean and simple rollover effect to your client’s image poster blocks with this mini-course!

Set up an alternative image on hover mode for 7.1 Image Blocks with this copy/paste code. The snippet will allow you to set any image you want just with its URL, and it’ll take care of the rest of the animation for you.

Add a quick offset border look to your regular Image Blocks in 7.1 with this code! You’ll get the ability to style the border’s color, thickness and offset position to make it match your brand and site design.

Change up the look of the Poster Blocks with this mini-course! Add an entry animation to the text on hover, and control how subtle you want it to be.

Want to know how to create custom shapes for images in Squarespace? Then today’s tutorial is for you! Take a look.

Want to create branded bullet points for your client’s site? Then take a look at this tutorial to learn how you can make that happen, only with CSS, for both text blocks and image blocks!

Set up an alternative image on hover mode for Inline Image Blocks with this copy/paste code. The snippet will allow you to set any image you want just with its URL, and it’ll take care of the rest of the animation for you.

Adding a hover effect to image blocks can be a fun way to spice up your client’s design without too much hassle. So today, we’re going to be looking at how we can give a really cool grayscale to color + rotating + scaling effect to any images of your site on hover!