▶︎NAV HOVER BLOB ◀︎

Nav Hover Blob effect Free Code!

Continuing to mess around with interactions.

Do you want to create some cool blob-like micro interactions for your Nav links instead of the dull-as-ditchwater underline? Don't get me wrong, there’s a time and a place for the understated underline link in brutalist fashion. However, this was an idea I had after seeing a much more complex JS version with a cursor effect, but then I thought—oh, what about a quick CSS version that people can easily copy and paste for themselves? (Change colours, keyframes, and timings to make it your own...)

Anyhoo—I’m going to start releasing free bits of code that you can use to customise your Squarespace site and break free from its mould, as it were. If you want to know more, please sign up here, and you’ll get this bit of code for free (it also works for mobile!).