Image Block Drop Shadow On Hover

Install Steps

Image Block Drop Shadow On Hover

Submitted by Inside The Square Works with all template families


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