1. Home
  2. SB Image Hover Effects
  3. General Settings
  4. Box Shadow

Box Shadow

Here in box shadow section, you can work with the outer box shadow of the image hover. You can customize the color of the box and also you can edit the box shadow length. Lets see how’s this option working…

Customize box shadow

This option is for making a shadow outside of hover image. You can make a box shadow by controlling the value here.

  • Go to the option “Box Shadow
  • Set a value to customize the size of the outer shadow.
  • Hit the “Save” button.

Remember, You have to make the shadow value less than 100. If you make the shadow value 0 then no shadow will be appear.


Customize box shadow color

This option is for customizing the color of your image box shadow from the color palate. The color plate is based on RGBA. The last value is for opacity.

  • Go to the option “Box Shadow Color
  • Pick a color to customize the color of the outer shadow.
  • Hit the “Save” button.

Please make sure that you don’t select the Box Shadow color as White. If you select the white color then no shadow will appear as the default background color of websites is white.


Was this article helpful to you? Yes No

How can we help?