Add a zoom enlarge effect to logo when hover over

tutorial-logo-enlarge.gif

When working on a Squarespace website, you might come across the need to add an effect to your logo. An easy effect to implement is to make the logo enlarge when you hover over it.

You can enlarge the zoom effect by increasing the scale below from “1.1” to ‘1.5”. If you wanted to decrease the zoom effect, making it smaller, you would decrease the scale below from “1.1” to “.7”. Feel free to adjust the scale to have the zoom effect fit your needs.

.Header-branding img:hover {transform: scale(1.1); }

Tested on the Brine Squarespace Template - February 13, 2019

Ken Westphal