{"id":102,"date":"2020-01-28T09:48:54","date_gmt":"2020-01-28T09:48:54","guid":{"rendered":"https:\/\/www.oxilabdemos.com\/image-hover\/docs\/customization\/box-shadow\/"},"modified":"2020-11-16T14:32:28","modified_gmt":"2020-11-16T14:32:28","slug":"box-shadow","status":"publish","type":"docs","link":"https:\/\/www.oxilabdemos.com\/image-hover\/docs\/customization\/box-shadow\/","title":{"rendered":"Box Shadow"},"content":{"rendered":"<h2 style=\"text-align: center;\">Customize the Box-Shadow<\/h2>\n<hr \/>\n<p style=\"text-align: left;\"><em>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.\u00a0<\/em><\/p>\n<p>&nbsp;<\/p>\n<p>\u21d2First, 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:<\/p>\n<p style=\"padding-left: 40px;\"><strong>Shadow:<\/strong> Enable\/disable the shadow.<\/p>\n<p><a href=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2646\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-7.png\" alt=\"\" width=\"1162\" height=\"593\" srcset=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-7.png 1162w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-7-300x153.png 300w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-7-1024x523.png 1024w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-7-768x392.png 768w\" sizes=\"auto, (max-width: 1162px) 100vw, 1162px\" \/><\/a><\/p>\n<p style=\"padding-left: 40px;\"><strong>Type:<\/strong> Select the type of box-shadow you want in your image hover either outline or inset.<\/p>\n<p style=\"padding-left: 40px;\"><strong>Horizontal:<\/strong> Set the box-shadow of the image hover on the horizontal side.<\/p>\n<p style=\"padding-left: 40px;\"><strong>Vertical:<\/strong> Set the box-shadow of the image hover on the vertical side.<\/p>\n<p style=\"padding-left: 40px;\"><strong>Blur:<\/strong> Manually control the blur radius of the shadow.<\/p>\n<p style=\"padding-left: 40px;\"><strong>Spread:<\/strong> Manually control the spreading of the shadow.<\/p>\n<p style=\"padding-left: 40px;\"><strong>Color:<\/strong> Add custom color for the shadow and control the opacity manually.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":0,"parent":89,"menu_order":11,"template":"","doc_tag":[],"class_list":["post-102","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":5,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/102\/revisions"}],"predecessor-version":[{"id":3541,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/102\/revisions\/3541"}],"up":[{"embeddable":true,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/89"}],"wp:attachment":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/doc_tag?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}