Lucky Night Studio

View Original

Create a highlight animation on your Squarespace navigation

Quick code sample for you today, so you want your Squarespace website to stand out a bit more and give it some personality. A good way can be to add a animation when the user’s mouse hovers over an item in the navigation. See the gif below for this example:

Don’t worry you dont need to understand the code, just simple copy and paste.

On your Squarespace website, open the Design panel and click Custom CSS.

Paste in the code below:

See this content in the original post

You can change the background colour of the square to be any you want, currently set to black but you can use any hex colour.