This tutorial will demonstrate how to create a captivating pulsing effect for the image drop shadow on your Squarespace website when hovering over it. Whether you're using Squarespace 7.0 or 7.1, the code provided in this tutorial will seamlessly work for both versions. By following the steps outlined, you'll be able to add an engaging visual element to your Squarespace site, grabbing the attention of your visitors with a dynamic pulsing image drop shadow when they hover over it.

Complexity: Intermediary

Step 1: To add the pulsing image drop shadow on hover effect to images on your Squarespace site, simply copy the code below:

Step 2: From your Squarespace account, go to the Custom CSS Editor. paste the code into the Custom CSS editor box.

You can then adjust the drop shadow px sizes, color, animation speed and opacity settings to your liking.