The purpose of Overlay Effects is to present\u00a0your content in more focused & attractive way. These effects can be applied on any kind of backgrounds such as videos, parallax images, gradient backgrounds, etc.<\/p>\n
Let’s see few more examples below.<\/strong><\/div><\/div>[\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner]<\/div>[\/vc_column][\/vc_row][vc_row bg_type=”image” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_new=”4380″ bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”25″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ css=”.vc_custom_1413460472912{margin-top: 0px !important;margin-bottom: 0px !important;}” enable_overlay=”enable_overlay_value” overlay_pattern=”09.png” overlay_color=”rgba(22,46,121,0.25)”][vc_column width=”1\/1″]
<\/div>
<\/div>[vc_row_inner css=”.vc_custom_1413457479349{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/2″]
<\/div>
Different Pattern<\/h2><\/div>[\/vc_column_inner][\/vc_row_inner]
<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row bg_type=”image” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_new=”4380″ bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”25″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ css=”.vc_custom_1413460564060{margin-top: 0px !important;margin-bottom: 0px !important;}” enable_overlay=”enable_overlay_value” overlay_pattern=”09.png” overlay_color=”rgba(21,119,28,0.25)”][vc_column width=”1\/1″]
<\/div>
<\/div>[vc_row_inner css=”.vc_custom_1413457479349{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/2″]
<\/div>
Different Color<\/h2><\/div><\/div>[\/vc_column_inner][\/vc_row_inner]<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row bg_type=”image” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_new=”4380″ bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”25″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ css=”.vc_custom_1413461266085{margin-top: 0px !important;margin-bottom: 0px !important;}” enable_overlay=”enable_overlay_value” overlay_pattern=”06.png” overlay_color=”rgba(119,21,21,0.25)”][vc_column width=”1\/1″]
<\/div>
<\/div>[vc_row_inner css=”.vc_custom_1413457479349{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”1\/2″]
<\/div>
Different Color & Pattern as well<\/h2><\/div><\/div>[\/vc_column_inner][\/vc_row_inner]<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row bg_type=”bg_color” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”0.8″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″ css=”.vc_custom_1413447174924{margin-top: 0px !important;margin-bottom: 0px !important;}” bg_color_value=”#ecf0f1″][vc_column width=”1\/1″]
<\/div>[vc_row_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″]
<\/div>
Unlimited Possibilities!<\/h2><\/div><\/div>Like said earlier – you can apply such overlay effects to your Background Videos<\/strong>, Gradient Colors<\/strong>, etc. We’ve provided you with lots of options so there is a\u00a0huge scope for customization.<\/div><\/div>[\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner]<\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"
[vc_row bg_type=”image” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_new=”4380″ bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”0.8″ seperator_type=”triangle_svg_seperator” seperator_position=”bottom_seperator” seperator_shape_size=”40″ seperator_svg_height=”40″ seperator_shape_background=”#2ecc71″ seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/demo.amytheme.com\/petcare\/demo-1\/wp-json\/wp\/v2\/pages\/4381"}],"collection":[{"href":"http:\/\/demo.amytheme.com\/petcare\/demo-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/demo.amytheme.com\/petcare\/demo-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/demo.amytheme.com\/petcare\/demo-1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/demo.amytheme.com\/petcare\/demo-1\/wp-json\/wp\/v2\/comments?post=4381"}],"version-history":[{"count":0,"href":"http:\/\/demo.amytheme.com\/petcare\/demo-1\/wp-json\/wp\/v2\/pages\/4381\/revisions"}],"wp:attachment":[{"href":"http:\/\/demo.amytheme.com\/petcare\/demo-1\/wp-json\/wp\/v2\/media?parent=4381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}