{"id":524,"date":"2020-02-03T02:49:48","date_gmt":"2020-02-03T02:49:48","guid":{"rendered":"https:\/\/www.oxilabdemos.com\/image-hover\/?page_id=524"},"modified":"2020-02-10T09:21:40","modified_gmt":"2020-02-10T09:21:40","slug":"style-07","status":"publish","type":"page","link":"https:\/\/www.oxilabdemos.com\/image-hover\/elements-extension\/square-effects\/style-07\/","title":{"rendered":"Style 07"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"524\" class=\"elementor elementor-524\" 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-623590d8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"623590d8\" 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-11c9bb5d\" data-id=\"11c9bb5d\" 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-49fce483 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"49fce483\" 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-140f1869\" data-id=\"140f1869\" 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-4fe40012 elementor-widget elementor-widget-shortcode\" data-id=\"4fe40012\" 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-780 \" id=\"oxi-image-hover-wrapper-780\">\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-7 oxi-image-square-hover-780-2524\">\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=\"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                                            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 dummying 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-7 oxi-image-square-hover-780-2530\">\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\/photo-of-butterfly-1011236.jpg\" >\n                                <\/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                                            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 dummying 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-7 oxi-image-square-hover-780-2531\">\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=\"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                                            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 dummying 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-167517e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"167517e8\" 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-4ffead07\" data-id=\"4ffead07\" 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-6b4ad071 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b4ad071\" 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-59a2d897\" data-id=\"59a2d897\" 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-5a327cee elementor-widget elementor-widget-shortcode\" data-id=\"5a327cee\" 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-784 \" id=\"oxi-image-hover-wrapper-784\">\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-7 oxi-image-square-hover-784-2544\">\n                                                    <div class=\"oxi-image-hover-figure right_to_left\">\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=\"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-left \"><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-left \">Lorem Ipsum is simply dummying 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-7 oxi-image-square-hover-784-2578\">\n                                                    <div class=\"oxi-image-hover-figure right_to_left\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/nature-summer-purple-yellow-36753.jpg\" >\n                                <\/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-left \"><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-left \">Lorem Ipsum is simply dummying 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-7 oxi-image-square-hover-784-2579\">\n                                                    <div class=\"oxi-image-hover-figure right_to_left\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/red-flower-macro-photography-53369.jpg\" >\n                                <\/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-left \"><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-left \">Lorem Ipsum is simply dummying 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-7 oxi-image-square-hover-784-2580\">\n                                                    <div class=\"oxi-image-hover-figure right_to_left\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/nature-summer-purple-yellow-36753.jpg\" >\n                                <\/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-left \"><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-left \">Lorem Ipsum is simply dummying 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-7 oxi-image-square-hover-784-2581\">\n                                                    <div class=\"oxi-image-hover-figure right_to_left\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/nature-summer-purple-yellow-36753.jpg\" >\n                                <\/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-left \"><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-left \">Lorem Ipsum is simply dummying 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-7 oxi-image-square-hover-784-2582\">\n                                                    <div class=\"oxi-image-hover-figure right_to_left\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/nature-summer-purple-yellow-36753.jpg\" >\n                                <\/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-left \"><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-left \">Lorem Ipsum is simply dummying 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-72ad7744 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72ad7744\" 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-191f763c\" data-id=\"191f763c\" 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-6daee22c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6daee22c\" 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-71d91663\" data-id=\"71d91663\" 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-7fa63dcb elementor-widget elementor-widget-shortcode\" data-id=\"7fa63dcb\" 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-796 \" id=\"oxi-image-hover-wrapper-796\">\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-7 oxi-image-square-hover-796-2599\">\n                                                    <div class=\"oxi-image-hover-figure bottom_to_top\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/close-up-photography-of-butterfly-1067202.jpg\" >\n                                <\/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 dummy 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-7 oxi-image-square-hover-796-2628\">\n                                                    <div class=\"oxi-image-hover-figure bottom_to_top\">\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=\"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 dummy 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-7 oxi-image-square-hover-796-2629\">\n                                                    <div class=\"oxi-image-hover-figure bottom_to_top\">\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=\"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 dummy 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-7 oxi-image-square-hover-796-2630\">\n                                                    <div class=\"oxi-image-hover-figure bottom_to_top\">\n                                <div class=\"oxi-image-hover-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/02\/shallow-focus-photography-of-white-and-purple-flowers-1055756.jpg\" >\n                                <\/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 dummy 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-7 oxi-image-square-hover-796-2631\">\n                                                    <div class=\"oxi-image-hover-figure bottom_to_top\">\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=\"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 dummy 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-7 oxi-image-square-hover-796-2632\">\n                                                    <div class=\"oxi-image-hover-figure bottom_to_top\">\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=\"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 dummy 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 07 Square Effects Design 07 Square Effects Design 07 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-524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/pages\/524","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=524"}],"version-history":[{"count":7,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/pages\/524\/revisions"}],"predecessor-version":[{"id":2053,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/pages\/524\/revisions\/2053"}],"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=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}