Jump to content

Smooth transition on hover

Recommended Posts

I'm trying to create a smooth transition on a hover state. This is my website (https://piano-endive-xshe.squarespace.com/) and the image is the first one on the homepage. I used custom code to make the image change on hover, but it's too abrupt. How do I alter the code to make the transition smoother / take longer?

Also - when my browser size is made a little smaller, the image on hover is warped. How do I change this too? Thanks!

Edited by cheesymacaroni
Forgot to add
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 10/19/2023 at 9:14 AM, cheesymacaroni said:

Hey, sorry about that! My site is now public, can you take another look please?

I don't see the effect on top of page. Can you check it again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.