1. Home
  2. Docs
  3. Customization
  4. Box Shadow

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.

Was this article helpful to you? Yes No

How can we help?