Tutorials
Transform Your Squarespace Blocks with Magnetic Motion Effects
Are your website visitors scrolling past your most important content? Transform any Squarespace block into an interactive, magnetic experience with SquareKicker's Magnetic Motion tool. Go beyond basic hover effects with 3D tilt animations, glare effects, and magnetic pull interactions that follow your visitor's cursor across the screen. Learn 6 powerful ways to use Magnetic Motion for portfolios, call-to-action buttons, and brand elements that demand attention and boost conversions.
Change image on hover in Squarespace 7.1 websites
In this tutorial, we are going to look at how to change or ‘reveal’ an alternative image on hover in Squarespace. You may want to use it to replace a thumbnail image or create a dramatic display for your visitors to interact with.
How to reveal text on hover
Create hover animations to reveal a text block or hide an image on hover with this simple no-code builder. Try combining other hover animation designs such as background blur, scale and more effects to unleash your hover creativity.
Creating hover animations on Squarespace buttons
In this video we will show you how to use the new 'Hover Mode' to create custom call to action buttons on your Squarespace website.