{"id":93,"date":"2017-09-18T09:25:46","date_gmt":"2017-09-18T09:25:46","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=93"},"modified":"2026-03-09T13:06:18","modified_gmt":"2026-03-09T07:06:18","slug":"image-compare","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/image-compare\/","title":{"rendered":"Image Compare"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"93\" class=\"elementor elementor-93\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_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;element_pack_global_tooltip_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;element_pack_global_tooltip_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;element_pack_global_tooltip_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;element_pack_global_tooltip_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;element_pack_global_tooltip_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}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b140539 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"b140539\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5ae2a5f bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"5ae2a5f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7b19c1 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"e7b19c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"e7b19c1\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 01 : <\/span><span class=\"bdt-mainh-split-text\">Horizontal Example<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72a7c59 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"72a7c59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The Horizontal Example in the Image Compare Widget allows users to slide images side by side, revealing transformations with precision and style.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e245d2e e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"e245d2e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1f2084 elementor-widget elementor-widget-bdt-image-compare\" data-id=\"b1f2084\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-image-compare.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-image-compare bdt-position-relative\">\n\t\t\t<div id=\"image-compare-b1f2084\" class=\"image-compare bdt-image-compare-overlay\" data-settings=\"{&quot;id&quot;:&quot;image-compare-b1f2084&quot;,&quot;default_offset_pct&quot;:50,&quot;before_label&quot;:&quot;Before Retouch&quot;,&quot;after_label&quot;:&quot;After Retouch&quot;,&quot;no_overlay&quot;:true,&quot;on_hover&quot;:true,&quot;smoothing&quot;:true,&quot;smoothing_amount&quot;:400,&quot;bar_color&quot;:&quot;#fff&quot;}\">\n\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/02.jpg\" class=\"attachment-full size-full wp-image-39212\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/02.jpg 800w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/02-485x273.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/02-300x169.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/02-768x432.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/01.jpg\" class=\"attachment-full size-full wp-image-39211\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/01.jpg 800w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/01-485x273.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/01-300x169.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/01-768x432.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-497feb4 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"497feb4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f37bfdc bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"f37bfdc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24b2133 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"24b2133\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"24b2133\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 02 : <\/span><span class=\"bdt-mainh-split-text\">Vertical Example<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3a176e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"a3a176e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The Vertical Example in the Image Compare Widget lets viewers slide up and down to see transformation details with precision.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f60c7ee e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"f60c7ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41de3e2 elementor-widget elementor-widget-bdt-image-compare\" data-id=\"41de3e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-image-compare.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-image-compare bdt-position-relative\">\n\t\t\t<div id=\"image-compare-41de3e2\" class=\"image-compare\" data-settings=\"{&quot;id&quot;:&quot;image-compare-41de3e2&quot;,&quot;default_offset_pct&quot;:70,&quot;orientation&quot;:true,&quot;before_label&quot;:&quot;Before&quot;,&quot;after_label&quot;:&quot;After&quot;,&quot;move_slider_on_hover&quot;:true,&quot;smoothing&quot;:true,&quot;smoothing_amount&quot;:400,&quot;bar_color&quot;:&quot;#fff&quot;}\">\n\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"712\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/10-1.jpg\" class=\"attachment-full size-full wp-image-39239\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/10-1.jpg 600w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/10-1-485x576.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/10-1-253x300.jpg 253w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"712\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/09-1.jpg\" class=\"attachment-full size-full wp-image-39238\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/09-1.jpg 600w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/09-1-485x576.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/09-1-253x300.jpg 253w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-972f144 elementor-widget elementor-widget-bdt-image-compare\" data-id=\"972f144\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-image-compare.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-image-compare bdt-position-relative\">\n\t\t\t<div id=\"image-compare-972f144\" class=\"image-compare bdt-image-compare-overlay\" data-settings=\"{&quot;id&quot;:&quot;image-compare-972f144&quot;,&quot;default_offset_pct&quot;:50,&quot;orientation&quot;:true,&quot;before_label&quot;:&quot;Before&quot;,&quot;after_label&quot;:&quot;After&quot;,&quot;no_overlay&quot;:true,&quot;smoothing&quot;:true,&quot;smoothing_amount&quot;:400,&quot;bar_color&quot;:&quot;#fff&quot;}\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"712\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/08-1.jpg\" class=\"attachment-full size-full wp-image-39237\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/08-1.jpg 600w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/08-1-485x576.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/08-1-253x300.jpg 253w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"712\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/07-1.jpg\" class=\"attachment-full size-full wp-image-39236\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/07-1.jpg 600w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/07-1-485x576.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/07-1-253x300.jpg 253w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b9bbd1 elementor-widget elementor-widget-bdt-image-compare\" data-id=\"5b9bbd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-image-compare.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-image-compare bdt-position-relative\">\n\t\t\t<div id=\"image-compare-5b9bbd1\" class=\"image-compare\" data-settings=\"{&quot;id&quot;:&quot;image-compare-5b9bbd1&quot;,&quot;default_offset_pct&quot;:70,&quot;orientation&quot;:true,&quot;before_label&quot;:&quot;Before&quot;,&quot;after_label&quot;:&quot;After&quot;,&quot;smoothing&quot;:true,&quot;smoothing_amount&quot;:400,&quot;bar_color&quot;:&quot;#fff&quot;}\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"712\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2017\/10\/girl1-before.jpg\" class=\"attachment-full size-full wp-image-2860\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2017\/10\/girl1-before.jpg 600w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2017\/10\/girl1-before-485x576.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2017\/10\/girl1-before-253x300.jpg 253w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"712\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2017\/10\/girl1-after.jpg\" class=\"attachment-full size-full wp-image-2859\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2017\/10\/girl1-after.jpg 600w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2017\/10\/girl1-after-485x576.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2017\/10\/girl1-after-253x300.jpg 253w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-036a612 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"036a612\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6cebd74 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"6cebd74\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6831500 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"6831500\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"6831500\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 03 : <\/span><span class=\"bdt-mainh-split-text\">Bar Color &amp; Circle Shadow Example<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e366e9 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4e366e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"521\" data-end=\"669\">The Bar Color &amp; Circle Shadow feature lets you customize slider aesthetics \u2014 making your comparisons visually engaging and perfectly balanced.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b7dbdd e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"7b7dbdd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-653d78d elementor-widget elementor-widget-bdt-image-compare\" data-id=\"653d78d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-image-compare.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-image-compare bdt-position-relative\">\n\t\t\t<div id=\"image-compare-653d78d\" class=\"image-compare\" data-settings=\"{&quot;id&quot;:&quot;image-compare-653d78d&quot;,&quot;default_offset_pct&quot;:70,&quot;before_label&quot;:&quot;Before Retouch&quot;,&quot;after_label&quot;:&quot;After Retouch&quot;,&quot;move_slider_on_hover&quot;:true,&quot;add_circle&quot;:true,&quot;add_circle_shadow&quot;:true,&quot;smoothing&quot;:true,&quot;smoothing_amount&quot;:100,&quot;bar_color&quot;:&quot;#0ff2fa&quot;}\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/03.jpg\" class=\"attachment-full size-full wp-image-39213\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/03.jpg 800w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/03-485x273.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/03-300x169.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/03-768x432.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/04.jpg\" class=\"attachment-full size-full wp-image-39214\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/04.jpg 800w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/04-485x273.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/04-300x169.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/04-768x432.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-160d217 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"160d217\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8d251aa e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"8d251aa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03ae973 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"03ae973\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"03ae973\" class=\"bdt-ep-advanced-heading\" data-settings=\"{&quot;titleMultiColor&quot;:&quot;no&quot;}\"><h2 class=\"bdt-ep-advanced-heading-title\"><span class=\"bdt-ep-advanced-heading-main-title\"><span class=\"bdt-ep-advanced-heading-main-title-inner\">Demo 04 : <\/span><span class=\"bdt-mainh-split-text\">'Circle Bar With Blur'<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca2b3e8 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ca2b3e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The Circle Bar With Blur style in the Image Compare Widget offers interactive comparison.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"ep-section-eql-height elementor-element elementor-element-0687ad9 e-con-full e-flex magic-button-disabled-no e-con e-child\" bdt-height-match=\"target: .ep-section-eql-height .elementor-element .elementor-widget\" data-id=\"0687ad9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e174445 elementor-widget elementor-widget-bdt-image-compare\" data-id=\"e174445\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-image-compare.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-image-compare bdt-position-relative\">\n\t\t\t<div id=\"image-compare-e174445\" class=\"image-compare bdt-image-compare-overlay\" data-settings=\"{&quot;id&quot;:&quot;image-compare-e174445&quot;,&quot;default_offset_pct&quot;:50,&quot;before_label&quot;:&quot;Before&quot;,&quot;after_label&quot;:&quot;After&quot;,&quot;no_overlay&quot;:true,&quot;on_hover&quot;:true,&quot;add_circle&quot;:true,&quot;add_circle_blur&quot;:true,&quot;smoothing&quot;:true,&quot;smoothing_amount&quot;:400,&quot;bar_color&quot;:&quot;#fff&quot;}\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/06.jpg\" class=\"attachment-full size-full wp-image-39216\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/06.jpg 800w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/06-485x273.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/06-300x169.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/06-768x432.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/05.jpg\" class=\"attachment-full size-full wp-image-39215\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/05.jpg 800w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/05-485x273.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/05-300x169.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/10\/05-768x432.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Demo 01 : Horizontal Example The Horizontal Example in the Image Compare Widget allows users to slide images side by side, revealing transformations with precision and style. Demo 02 : Vertical Example The Vertical Example in the Image Compare Widget lets viewers slide up and down to see transformation details with precision. Demo 03 : Bar Color &amp; Circle Shadow Example The Bar Color &amp; Circle Shadow feature lets you customize slider aesthetics \u2014 making your comparisons visually engaging and perfectly balanced. Demo 04 : &#8216;Circle Bar With Blur&#8217; The Circle Bar With Blur style in the Image Compare Widget offers interactive comparison.<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-93","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/6974"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/93\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/32"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}