{"id":786,"date":"2024-03-12T19:07:52","date_gmt":"2024-03-12T19:07:52","guid":{"rendered":"https:\/\/demo.plugin-devs.com\/elementor-demo\/?page_id=786"},"modified":"2024-03-12T19:38:06","modified_gmt":"2024-03-12T19:38:06","slug":"before-after-slider-elementor","status":"publish","type":"page","link":"https:\/\/demo.plugin-devs.com\/elementor-demo\/before-after-slider-elementor\/","title":{"rendered":"Before After Slider Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"786\" class=\"elementor elementor-786\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-afe4c55 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"afe4c55\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-5f3a961\" data-id=\"5f3a961\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b154368 elementor-widget elementor-widget-site-logo\" data-id=\"b154368\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;align&quot;:&quot;left&quot;,&quot;width&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:45,&quot;sizes&quot;:[]},&quot;width_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;caption_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;caption_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"hfe-site-logo\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a data-elementor-open-lightbox=\"\"  class='elementor-clickable' href=\"https:\/\/demo.plugin-devs.com\/elementor-demo\">\n\t\t\t\t\t\t\t<div class=\"hfe-site-logo-set\">           \n\t\t\t\t<div class=\"hfe-site-logo-container\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"hfe-site-logo-img elementor-animation-\"  src=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2020\/06\/plugin-devs-223x129-1.png\" alt=\"plugin-devs-223x129\"\/>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>  \n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-39a35fa\" data-id=\"39a35fa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-640262c elementor-align-right elementor-widget elementor-widget-button\" data-id=\"640262c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#slider\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See Demos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-3c392b50 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c392b50\" data-element_type=\"section\" data-e-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<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-539dfc59\" data-id=\"539dfc59\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6097e624 custom-fullwidth-pink-header elementor-widget elementor-widget-text-editor\" data-id=\"6097e624\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n \t<li>Two types of Orientation (Horizontal and Vertical)<\/li>\n \t<li>Move with Mouse Click on Image<\/li>\n \t<li>Move with Mouse Hover<\/li>\n \t<li>Change Image Size<\/li>\n \t<li>Apply Custom Image Dimension<\/li>\n \t<li>Customizable Default Slider Offset<\/li>\n \t<li>CSS Image Filter Effect for both Normal and Hover State<\/li>\n \t<li>Customized Before\/After Texts<\/li>\n \t<li>Customizable Background for Before\/After Texts<\/li>\n \t<li>Customizable Text Color for Before\/After Texts<\/li>\n \t<li>Option to Show\/Hide Background Overlay on Mouse Hover<\/li>\n \t<li>Customizable Background Overlay Color (Normal Color and Linear\/Radial Gradient)<\/li>\n \t<li>Responsive and Touch Friendly<\/li>\n \t<li>Cross Browser Compatible<\/li>\n \t<li>Supported on all Modern New Browsers and Devices<\/li>\n \t<li>Use Unlimited Sliders on Same Page<\/li>\n \t<li>Global Custom CSS<\/li>\n \t<li>Global Custom JS<\/li>\n \t<li>All Free Features<\/li>\n \t<li>More Features are Coming Soon<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-6c5d5f37 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c5d5f37\" data-element_type=\"section\" data-e-type=\"section\" id=\"slider\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-50134b0a\" data-id=\"50134b0a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59f37093 elementor-widget elementor-widget-wb-before-after-image-slider-elementor\" data-id=\"59f37093\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wb-before-after-image-slider-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div data-before_text=\"NEW\" data-after_text=\"OLD\" data-click_to_move=\"true\" data-move_on_hover=\"false\" data-orientation=\"horizontal\" data-offset='0.77' class=\"wb_ebais_twentytwenty_container twentytwenty-container\" id=\"wb_before_after_59f37093\">\r\n<img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"853\" src=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/red-field-flower-meadow.jpg\" class=\"attachment-full size-full wp-image-804\" alt=\"\" srcset=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/red-field-flower-meadow.jpg 1280w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/red-field-flower-meadow-600x400.jpg 600w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/red-field-flower-meadow-300x200.jpg 300w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/red-field-flower-meadow-1024x682.jpg 1024w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/red-field-flower-meadow-768x512.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><img decoding=\"async\" width=\"1280\" height=\"853\" src=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/grey-field-flower-meadow.jpg\" class=\"attachment-full size-full wp-image-806\" alt=\"\" srcset=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/grey-field-flower-meadow.jpg 1280w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/grey-field-flower-meadow-600x400.jpg 600w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/grey-field-flower-meadow-300x200.jpg 300w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/grey-field-flower-meadow-1024x682.jpg 1024w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/grey-field-flower-meadow-768x512.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<style>\r\n\t\t\t#wb_before_after_59f37093{\r\n\t\t\t\tmax-width: auto;\r\n\t\t\t}\r\n\r\n\t\t<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1fb0094e\" data-id=\"1fb0094e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-478cb992 vertical-text-container elementor-widget elementor-widget-text-editor\" data-id=\"478cb992\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Horizontal Orientation<\/li><li>Move With Mouse Click<\/li><li>Default Offset 7.7 (Between 0 to 10)<\/li><li>Customized Before\/After Texts<\/li><li>Customized Background and Text Color for Before\/After Texts<\/li><li>Overlay Background Color (Used Linear Background)<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-8f8a55f elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8f8a55f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-64f9a134\" data-id=\"64f9a134\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-656d0889 vertical-text-container elementor-widget elementor-widget-text-editor\" data-id=\"656d0889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n \t<li>Vertical Orientation<\/li>\n<li>Move With Mouse Hover<\/li>\n \t<li>Default Offset 3 (Between 0 to 10)<\/li>\n \t<li>Customized Before\/After Texts<\/li>\n \t<li>Customized Background and Text Color for Before\/After Texts<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-71094cea\" data-id=\"71094cea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-11a14dfd elementor-widget elementor-widget-wb-before-after-image-slider-elementor\" data-id=\"11a14dfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wb-before-after-image-slider-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div data-before_text=\"Plain\" data-after_text=\"Designed\" data-click_to_move=\"true\" data-move_on_hover=\"true\" data-orientation=\"vertical\" data-offset='0.3' class=\"wb_ebais_twentytwenty_container twentytwenty-container\" id=\"wb_before_after_11a14dfd\">\r\n<img decoding=\"async\" width=\"850\" height=\"537\" src=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-old.jpg\" class=\"attachment-full size-full wp-image-808\" alt=\"\" srcset=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-old.jpg 850w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-old-600x379.jpg 600w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-old-300x190.jpg 300w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-old-768x485.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"537\" src=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-new.jpg\" class=\"attachment-full size-full wp-image-809\" alt=\"\" srcset=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-new.jpg 850w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-new-600x379.jpg 600w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-new-300x190.jpg 300w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/Baby-T-Shirt-new-768x485.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<style>\r\n\t\t\t#wb_before_after_11a14dfd{\r\n\t\t\t\tmax-width: auto;\r\n\t\t\t}\r\n\r\n\t\t<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-46efac2c elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46efac2c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-645aee69\" data-id=\"645aee69\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30566f00 elementor-widget elementor-widget-wb-before-after-image-slider-elementor\" data-id=\"30566f00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wb-before-after-image-slider-elementor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div data-before_text=\"\" data-after_text=\"\" data-click_to_move=\"true\" data-move_on_hover=\"false\" data-orientation=\"horizontal\" data-offset='0.5' class=\"wb_ebais_twentytwenty_container twentytwenty-container\" id=\"wb_before_after_30566f00\">\r\n<img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"405\" src=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/long_cuff.jpg\" class=\"attachment-full size-full wp-image-811\" alt=\"\" srcset=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/long_cuff.jpg 540w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/long_cuff-300x225.jpg 300w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"405\" src=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/long_cuff.jpg\" class=\"attachment-full size-full wp-image-811\" alt=\"\" srcset=\"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/long_cuff.jpg 540w, https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-content\/uploads\/2024\/03\/long_cuff-300x225.jpg 300w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/>\t\t<\/div>\r\n\r\n\t\t\r\n\t\t<style>\r\n\t\t\t#wb_before_after_30566f00{\r\n\t\t\t\tmax-width: auto;\r\n\t\t\t}\r\n\r\n\t\t<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-68f5a268\" data-id=\"68f5a268\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa8787a elementor-widget elementor-widget-text-editor\" data-id=\"fa8787a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Horizontal Orientation<\/li><li>Move With Mouse Click<\/li><li>Default Offset 5 (Between 0 to 10)<\/li><li>Customized Before\/After Texts<\/li><li>Customized Background and Text Color for Before\/After Texts<\/li><li>Use Filter on Image<\/li><li>Hidden Before After Texts<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-368de5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"368de5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-39d664eb\" data-id=\"39d664eb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-27dc0a11 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"27dc0a11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/plugin-devs.com\/product\/before-after-slider-for-elementor\/\" target=\"_blank\" rel=\"nofollow\" id=\"buy-now-buuton\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Buy Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>See Demos Two types of Orientation (Horizontal and Vertical) Move with Mouse Click on Image Move with Mouse Hover Change Image Size Apply Custom Image Dimension Customizable Default Slider Offset CSS Image Filter Effect for both Normal and Hover State Customized Before\/After Texts Customizable Background for Before\/After Texts Customizable Text Color for Before\/After Texts Option [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-786","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-json\/wp\/v2\/pages\/786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-json\/wp\/v2\/comments?post=786"}],"version-history":[{"count":18,"href":"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-json\/wp\/v2\/pages\/786\/revisions"}],"predecessor-version":[{"id":820,"href":"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-json\/wp\/v2\/pages\/786\/revisions\/820"}],"wp:attachment":[{"href":"https:\/\/demo.plugin-devs.com\/elementor-demo\/wp-json\/wp\/v2\/media?parent=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}