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
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...

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.