{"id":145935,"date":"2023-12-09T16:39:43","date_gmt":"2023-12-09T10:39:43","guid":{"rendered":"https:\/\/demo.elementpack.pro\/?page_id=145935"},"modified":"2026-03-08T16:02:16","modified_gmt":"2026-03-08T10:02:16","slug":"image-hover-effects","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/image-hover-effects\/","title":{"rendered":"Image Hover Effects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"145935\" class=\"elementor elementor-145935\" 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-788f4ff e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"788f4ff\" 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-ae69c76 bdt-backdrop-filter-yes e-con-full e-flex bdt-filter-backdrop magic-button-disabled-no e-con e-child\" data-id=\"ae69c76\" 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-f507544 elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"f507544\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"f507544\" 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\">Image Hover Effects<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7d11f3 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"c7d11f3\" 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 Image Hover Effects Extension offers a collection of elegant animations and visual transitions to enhance user engagement.<\/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-51536ec e-grid magic-button-disabled-yes e-con-full e-con e-child\" data-id=\"51536ec\" 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-d836c6e bdt-image-hover-effect-wrap bdt-image-hover-effect-1 elementor-widget elementor-widget-image\" data-id=\"d836c6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-62.webp\" class=\"attachment-full size-full wp-image-145998\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-62.webp 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-62-300x214.webp 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c3e3e1 bdt-image-hover-effect-wrap bdt-image-hover-effect-2 elementor-widget elementor-widget-image\" data-id=\"9c3e3e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-61.webp\" class=\"attachment-full size-full wp-image-146001\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-61.webp 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-61-300x214.webp 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7e31f0 bdt-image-hover-effect-wrap bdt-image-hover-effect-3 elementor-widget elementor-widget-image\" data-id=\"c7e31f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-60.webp\" class=\"attachment-full size-full wp-image-146004\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-60.webp 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-60-300x214.webp 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89dcaba bdt-image-hover-effect-wrap bdt-image-hover-effect-4 elementor-widget elementor-widget-image\" data-id=\"89dcaba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-59.webp\" class=\"attachment-full size-full wp-image-146007\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-59.webp 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-59-300x214.webp 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abf6c3c bdt-image-hover-effect-wrap bdt-image-hover-effect-5 elementor-widget elementor-widget-image\" data-id=\"abf6c3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-48.webp\" class=\"attachment-full size-full wp-image-146010\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-48.webp 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-48-300x214.webp 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-207cc20 bdt-image-hover-effect-wrap bdt-image-hover-effect-6 elementor-widget elementor-widget-image\" data-id=\"207cc20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-49.webp\" class=\"attachment-full size-full wp-image-146013\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-49.webp 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-49-300x214.webp 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fce55a e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"9fce55a\" 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-566b4d4 e-con-full e-flex magic-button-disabled-no e-con e-child\" data-id=\"566b4d4\" 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-3adf0fe elementor-widget__width-auto elementor-widget-tablet__width-initial elementor-widget elementor-widget-bdt-advanced-heading\" data-id=\"3adf0fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-advanced-heading.default\">\n\t\t\t\t\t<div id=\"3adf0fe\" 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\">Image Hover Effects<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f21ce6 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"5f21ce6\" 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 Image Hover Effects Extension offers a collection of elegant animations and visual transitions to enhance user engagement.<\/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-b51dd9a 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=\"b51dd9a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-94cff4f e-grid magic-button-disabled-yes e-con-full e-con e-child\" data-id=\"94cff4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7e9dbc bdt-image-hover-effect-wrap bdt-image-hover-effect-6 elementor-widget elementor-widget-image\" data-id=\"c7e9dbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-63.png\" class=\"attachment-full size-full wp-image-146018\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-63.png 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-63-300x214.png 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e16da96 bdt-image-hover-effect-wrap bdt-image-hover-effect-2 elementor-widget elementor-widget-image\" data-id=\"e16da96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-49.png\" class=\"attachment-full size-full wp-image-146021\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-49.png 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-49-300x214.png 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd2829f bdt-image-hover-effect-wrap bdt-image-hover-effect-3 elementor-widget elementor-widget-image\" data-id=\"dd2829f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-59.png\" class=\"attachment-full size-full wp-image-146024\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-59.png 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-59-300x214.png 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0531df bdt-image-hover-effect-wrap bdt-image-hover-effect-4 elementor-widget elementor-widget-image\" data-id=\"c0531df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-60.png\" class=\"attachment-full size-full wp-image-146027\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-60.png 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-60-300x214.png 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71dff2d bdt-image-hover-effect-wrap bdt-image-hover-effect-5 elementor-widget elementor-widget-image\" data-id=\"71dff2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-61.png\" class=\"attachment-full size-full wp-image-146030\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-61.png 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-61-300x214.png 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a47bc5 bdt-image-hover-effect-wrap bdt-image-hover-effect-1 elementor-widget elementor-widget-image\" data-id=\"9a47bc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"300\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-48.png\" class=\"attachment-full size-full wp-image-146033\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-48.png 420w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2023\/12\/Untitled-design-48-300x214.png 300w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\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 : Image Hover Effects The Image Hover Effects Extension offers a collection of elegant animations and visual transitions to enhance user engagement. Demo 02 : Image Hover Effects The Image Hover Effects Extension offers a collection of elegant animations and visual transitions to enhance user engagement.<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-145935","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/145935","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=145935"}],"version-history":[{"count":0,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/145935\/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=145935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}