Image Block Drop Shadow On Hover

Install Steps

Image Block Drop Shadow On Hover

Submitted by Inside The Square Works with all template families

ezgif-3-158977bdfd69.gif

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Image Block Drop Shadow Hover //

.image-block:hover {
  filter: drop-shadow(5px 5px 8px #000000);
}

Step Three

Change the drop shadow px sizes and #000000 color value to your liking.

Save and refresh the page. 👍

Moov Labs