Jump to content

How to add gradient or hover effects onto my image blocks

Recommended Posts



I am wanting to achieve something similar to these hover effects for my own website on my image blocks for certain blocks - https://volophonic.com/bespoke-music-composition/

If you scroll down you'll see what I mean.


Here is a link to my page - https://shallot-crocodile-pt7a.squarespace.com/adverts

To split it up into two questions:

- How can I achieve the dark gradient hover effect?

- How can I achieve the play button reveal?


Let me know if you need more information.



Screenshot 2023-09-27 at 15.04.16.png

Screenshot 2023-09-27 at 15.53.22.png

Edited by Lewis120
Link to comment
  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.