Change Image on Hover

Show a product from two perspectives, switch a portrait from professional to playful, or reveal the detail behind a portfolio thumbnail. Changing images on hover lets you share more without adding extra images to your page layout.

With SquareKicker, you can layer two images and make the top image fade away as a visitor moves their cursor over it. Adjust the transition speed for a quick swap or a gradual reveal, all within Squarespace and without writing code.

Watch the tutorial to create your own image reveal on hover.

Previous
Previous

Animated Number Counter on Scroll

Next
Next

Rotating Announcement Bar