{"id":516,"date":"2020-02-03T02:48:59","date_gmt":"2020-02-03T02:48:59","guid":{"rendered":"https:\/\/www.oxilabdemos.com\/image-hover\/?page_id=516"},"modified":"2020-02-10T04:06:19","modified_gmt":"2020-02-10T04:06:19","slug":"style-03","status":"publish","type":"page","link":"https:\/\/www.oxilabdemos.com\/image-hover\/elements-extension\/square-effects\/style-03\/","title":{"rendered":"Style 03"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"516\" class=\"elementor elementor-516\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3406a2b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3406a2b5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6c2a0baa\" data-id=\"6c2a0baa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e1f00b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4e1f00b5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-43544f43\" data-id=\"43544f43\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1fc70bcf elementor-widget elementor-widget-shortcode\" data-id=\"1fc70bcf\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">            <div class=\"oxi-addons-container noLightbox oxi-image-hover-wrapper-734 \" id=\"oxi-image-hover-wrapper-734\">\n                <div class=\"oxi-addons-row\">\n                                <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-734-2229\">\n                                                    <div class=\"oxi-image-hover-figure top_to_bottom\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/garden-flower-closeup-close-up-35646.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-top-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                                                                            \">What is Lorem Ipsum?<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply dummying text of the printing.<\/div>\n                                                                                        <div class=\"oxi-image-hover-button iheu-fade-up \">\n                                                <a  href=\"#\" target=\"_blank\" rel=\"nofollow\" class=\"oxi-image-btn\">Learn More<\/a>\n                                            <\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-734-2233\">\n                                                    <div class=\"oxi-image-hover-figure top_to_bottom\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/red-round-fruit-65256.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-top-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                                                                            \">What is Lorem Ipsum?<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply dummying text of the printing.<\/div>\n                                                                                        <div class=\"oxi-image-hover-button iheu-fade-up \">\n                                                <a  href=\"#\" rel=\"nofollow\" class=\"oxi-image-btn\">Learn More<\/a>\n                                            <\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-734-2234\">\n                                                    <div class=\"oxi-image-hover-figure top_to_bottom\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/beautiful-bloom-blooming-blossom-130574.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-top-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                                                                            \">What is Lorem Ipsum?<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply dummying text of the printing.<\/div>\n                                                                                        <div class=\"oxi-image-hover-button iheu-fade-up \">\n                                                <a  href=\"#\" rel=\"nofollow\" class=\"oxi-image-btn\">Learn More<\/a>\n                                            <\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                                <\/div>\n            <\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6ce3401c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ce3401c\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;mountains&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3dd242f0\" data-id=\"3dd242f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-589db413 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"589db413\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12dca0c2\" data-id=\"12dca0c2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e0f4dca elementor-widget elementor-widget-shortcode\" data-id=\"2e0f4dca\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">            <div class=\"oxi-addons-container noLightbox oxi-image-hover-wrapper-740 \" id=\"oxi-image-hover-wrapper-740\">\n                <div class=\"oxi-addons-row\">\n                                <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-740-2261\">\n                                                    <div class=\"oxi-image-hover-figure left_to_right\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/macro-photo-of-brown-weevil-perched-on-green-leaf-1096268.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                            oxi-image-hover-heading-underline                                                \">What is Lorem Ipsum?<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply dummy text of the printing<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-740-2262\">\n                                                    <div class=\"oxi-image-hover-figure left_to_right\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/beautiful-bloom-blooming-blur-573020.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                            oxi-image-hover-heading-underline                                                \">What is Lorem Ipsum?<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply a dummied text of the printing.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-740-2263\">\n                                                    <div class=\"oxi-image-hover-figure left_to_right\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/abstract-art-artistic-blur-279376.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                            oxi-image-hover-heading-underline                                                \">What is Lorem Ipsum?<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply a dummied text of the printing.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-740-2264\">\n                                                    <div class=\"oxi-image-hover-figure left_to_right\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/aquatic-beautiful-bloom-blooming-539694.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                            oxi-image-hover-heading-underline                                                \">What is Lorem Ipsum?<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply a dummied text of the printing.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-740-2265\">\n                                                    <div class=\"oxi-image-hover-figure left_to_right\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/beautiful-biology-blur-bright-443547.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                            oxi-image-hover-heading-underline                                                \">What is Lorem Ipsum?<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply a dummied text of the printing.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-740-2266\">\n                                                    <div class=\"oxi-image-hover-figure left_to_right\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/500_F_127452391_gzHr8B9uExRwIqZ12QVONy5qsGRBfHfB.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                            oxi-image-hover-heading-underline                                                \">What is Lorem Ipsum?<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply a dummied text of the printing.<\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                                <\/div>\n            <\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-43cbbec7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"43cbbec7\" data-element_type=\"section\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;opacity-tilt&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d0b0aa2\" data-id=\"4d0b0aa2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ceb28b1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1ceb28b1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7bf595d7\" data-id=\"7bf595d7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79c4662f elementor-widget elementor-widget-shortcode\" data-id=\"79c4662f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">            <div class=\"oxi-addons-container noLightbox oxi-image-hover-wrapper-744 \" id=\"oxi-image-hover-wrapper-744\">\n                <div class=\"oxi-addons-row\">\n                                <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-744-2286\">\n                                                    <div class=\"oxi-image-hover-figure top_to_bottom\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/beverage-bubble-citrus-close-up-357577.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                                                                            \">Image Hover Title<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Add Your Description Unless make it blank.<\/div>\n                                                                                        <div class=\"oxi-image-hover-button iheu-fade-up \">\n                                                <a  href=\"#\" target=\"_blank\" rel=\"nofollow\" class=\"oxi-image-btn\">Learn More<\/a>\n                                            <\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-744-2344\">\n                                                    <div class=\"oxi-image-hover-figure top_to_bottom\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/yellow-flower-209004.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                                                                            \">Lorem Ipsum<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply dummying text of the printing.<\/div>\n                                                                                        <div class=\"oxi-image-hover-button iheu-fade-up \">\n                                                <a  href=\"#\" rel=\"nofollow\" class=\"oxi-image-btn\">Learn More<\/a>\n                                            <\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-744-2345\">\n                                                    <div class=\"oxi-image-hover-figure top_to_bottom\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/flor-flower-garden-jkakaroto-736230.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                                                                            \">Lorem Ipsum<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply dummying text of the printing.<\/div>\n                                                                                        <div class=\"oxi-image-hover-button iheu-fade-up \">\n                                                <a  href=\"#\" rel=\"nofollow\" class=\"oxi-image-btn\">Learn More<\/a>\n                                            <\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-744-2346\">\n                                                    <div class=\"oxi-image-hover-figure top_to_bottom\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/yellow-flower-209004.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                                                                            \"> Lorem Ipsum<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply dummying text of the printing.<\/div>\n                                                                                        <div class=\"oxi-image-hover-button iheu-fade-up \">\n                                                <a  href=\"#\" rel=\"nofollow\" class=\"oxi-image-btn\">Learn More<\/a>\n                                            <\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-744-2347\">\n                                                    <div class=\"oxi-image-hover-figure top_to_bottom\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/yellow-flower-209004.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                                                                            \"> Lorem Ipsum<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply dummying text of the printing.<\/div>\n                                                                                        <div class=\"oxi-image-hover-button iheu-fade-up \">\n                                                <a  href=\"#\" rel=\"nofollow\" class=\"oxi-image-btn\">Learn More<\/a>\n                                            <\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                            <div class=\"oxi-image-hover-style oxi-bt-col-lg-4 oxi-bt-col-md-12 oxi-bt-col-sm-12                         \" sa-data-animation=\"zoomIn\" sa-data-animation-offset=\"100%\" sa-data-animation-delay=\"0ms\" sa-data-animation-duration=\"1000ms\">\n                <div class=\"oxi-image-hover-style-square\">\n                    <div class=\"oxi-image-hover oxi-image-square-hover oxi-image-square-hover-style-3 oxi-image-square-hover-744-2348\">\n                                                    <div class=\"oxi-image-hover-figure top_to_bottom\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/yellow-flower-209004.jpg\" >\n                                <\/div>\n                                <div class=\"mask1\"><\/div>\n                                <div class=\"mask2\"><\/div>\n                                <div class=\"oxi-image-hover-figure-caption\">\n                                    <div class=\"oxi-image-hover-caption-tab image-hover-align-center-center\">\n                                                                                    <div class=\"oxi-image-hover-figure-heading iheu-fade-up \"><h3 class=\"oxi-image-hover-heading \n                                                                                            \"> Lorem Ipsum<\/h3><\/div>\n                                                                                            <div class=\"oxi-image-hover-content iheu-fade-up \">Lorem Ipsum is simply dummying text of the printing.<\/div>\n                                                                                        <div class=\"oxi-image-hover-button iheu-fade-up \">\n                                                <a  href=\"#\" rel=\"nofollow\" class=\"oxi-image-btn\">Learn More<\/a>\n                                            <\/div>\n                                                                                <\/div>\n                                <\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n                                <\/div>\n                                <\/div>\n            <\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Design 03 Square Effects Design 03 Square Effects Design 03 Square Effects<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":146,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-page.php","meta":{"footnotes":""},"class_list":["post-516","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/pages\/516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":5,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/pages\/516\/revisions"}],"predecessor-version":[{"id":1961,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/pages\/516\/revisions\/1961"}],"up":[{"embeddable":true,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/pages\/146"}],"wp:attachment":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/media?parent=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}