Customize the Box-Shadow
Here, you can style the image hover using the versatile Box-Shadow tool. Using the comprehensive Box-Shadow tool, customize the box-shadow color, size, style, and effects.
First, You need to expand the settings by clicking on the setting icon beside the Box-Shadow menu. There are 7 options in the box-shadow setting as follows:
Shadow: Enable/disable the shadow.
Type: Select the type of box-shadow you want in your image hover either outline or inset.
Horizontal: Set the box-shadow of the image hover on the horizontal side.
Vertical: Set the box-shadow of the image hover on the vertical side.
Blur: Manually control the blur radius of the shadow.
Spread: Manually control the spreading of the shadow.
Color: Add custom color for the shadow and control the opacity manually.