Add a shape mask for Squarespace images using CSS

Ever wondered how you can easily clip a squarespace image to a circle, hexagon or custom shape with out using Adobe Photoshop? By using Clippy: https://bennettfeely.com/clippy/ we can generate the code quickly to add to our custom css section in the Squarespace admin. We can then use the awesome Squarespace block identifier Google Chrome extension to apply this to any image block in your Squarespace website: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

source