{"id":2283,"date":"2024-08-27T11:15:00","date_gmt":"2024-08-27T11:15:00","guid":{"rendered":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/?page_id=2283"},"modified":"2024-08-31T10:45:55","modified_gmt":"2024-08-31T10:45:55","slug":"image-animation","status":"publish","type":"page","link":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/image-animation\/","title":{"rendered":"Image Animation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2283\" class=\"elementor elementor-2283\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f1cf757 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"f1cf757\" 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-0384995\" data-id=\"0384995\" 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-2006327 elementor-widget elementor-widget-heading\" data-id=\"2006327\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Image Animation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ca727d elementor-widget elementor-widget-text-editor\" data-id=\"9ca727d\" 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<p>Image Animation Widget allows you to present your images in a dynamic and eye-catching manner. With a range of customization options, you can personalize the Hover effect to suit your brand&#8217;s style and create a unique visual experience for your audience.<\/p>\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-53d4b02 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"53d4b02\" 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-3ea1f9f\" data-id=\"3ea1f9f\" 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-9e3d0a8 elementor-widget elementor-widget-heading\" data-id=\"9e3d0a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creating Eye-Catching Image Animation Effects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b01dde8 elementor-widget elementor-widget-text-editor\" data-id=\"b01dde8\" 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<p>Eye-catching image animation effects can captivate viewers with their dynamic and engaging visuals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f5ca6ca elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f5ca6ca\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-a045a28\" data-id=\"a045a28\" 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-5682376 elementor-widget elementor-widget-Image_Animation\" data-id=\"5682376\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Image_Animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"elaet-image-module filter-none effect-zoomin entrance-effect-partial-overlay\" data-entrance-effect=\"partial-overlay\" data-exit-effect=\"\">\n      <!--insert-->\n      <div class=\"elaet-image-module-wrap\">\n        <a class=\"elaet-image-module-external\" href=\"#\"><\/a>\n        <div class=\"elaet-image-pro-flip-box-wrap\">\n          <div class=\"elaet-image-flip-box\">\n            <img decoding=\"async\" class=\"elaet-img\" src=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-content\/uploads\/sites\/72\/2024\/08\/image-2-2.jpg\" alt=\"image (2) (2)\">            \n                          <!-- .elaet-image-overlay -->\n              <div class=\"image-pro-overlay\">\n                <div class=\"elaet-image-color-overlay\"><\/div>\n                <div class=\"elaet-image-overlay-inner\">\n                                      <h4 class=\"elaet-image-title elementor-inline-editing\" data-elementor-setting-key=\"heading_hover_title\" data-elementor-inline-editing-toolbar=\"basic\">Hover Effect- Zoomin<\/h4>\n                  \n                                      <div class=\"elaet-image-caption elementor-inline-editing\" data-elementor-setting-key=\"image_hover_subheading\" data-elementor-inline-editing-toolbar=\"basic\">Overlay- Partial<\/div>\n                                    <a class=\"elaet-image-action-button, elaet-image-caption-button\" >Button<\/a>\n                <\/div>\n              <\/div><!-- .elaet-image-overlay -->\n                      <\/div>\n        <\/div>\n      <\/div><!-- .elaet-image-module-wrap -->\n    <\/div>\n\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-33 elementor-inner-column elementor-element elementor-element-ff8051c\" data-id=\"ff8051c\" 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-081cc5c elementor-widget elementor-widget-Image_Animation\" data-id=\"081cc5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Image_Animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"elaet-image-module filter-grayscale effect-zoomout entrance-effect-fade-in\" data-entrance-effect=\"fade-in\" data-exit-effect=\"\">\n      <!--insert-->\n      <div class=\"elaet-image-module-wrap\">\n        <a class=\"elaet-image-module-external\" href=\"#\"><\/a>\n        <div class=\"elaet-image-pro-flip-box-wrap\">\n          <div class=\"elaet-image-flip-box\">\n            <img decoding=\"async\" class=\"elaet-img\" src=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-content\/uploads\/sites\/72\/2024\/08\/image-3-2.jpg\" alt=\"image (3) (2)\">            \n                          <!-- .elaet-image-overlay -->\n              <div class=\"image-pro-overlay\">\n                <div class=\"elaet-image-color-overlay\"><\/div>\n                <div class=\"elaet-image-overlay-inner\">\n                                      <h4 class=\"elaet-image-title elementor-inline-editing\" data-elementor-setting-key=\"heading_hover_title\" data-elementor-inline-editing-toolbar=\"basic\">Hover Effect - Zoomout<\/h4>\n                  \n                                      <div class=\"elaet-image-caption elementor-inline-editing\" data-elementor-setting-key=\"image_hover_subheading\" data-elementor-inline-editing-toolbar=\"basic\">Overlay - FadeIn, \nFilter - Greyscale<\/div>\n                                    <a class=\"elaet-image-action-button, elaet-image-caption-button\" >Know More<\/a>\n                <\/div>\n              <\/div><!-- .elaet-image-overlay -->\n                      <\/div>\n        <\/div>\n      <\/div><!-- .elaet-image-module-wrap -->\n    <\/div>\n\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-33 elementor-inner-column elementor-element elementor-element-e6427f5\" data-id=\"e6427f5\" 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-d594f16 elementor-widget elementor-widget-Image_Animation\" data-id=\"d594f16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Image_Animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"elaet-image-module filter-sepia effect-shine entrance-effect-fadeInUp\" data-entrance-effect=\"fadeInUp\" data-exit-effect=\"fadeOutDown\">\n      <!--insert-->\n      <div class=\"elaet-image-module-wrap\">\n        <a class=\"elaet-image-module-external\" href=\"#\"><\/a>\n        <div class=\"elaet-image-pro-flip-box-wrap\">\n          <div class=\"elaet-image-flip-box\">\n            <img decoding=\"async\" class=\"elaet-img\" src=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-content\/uploads\/sites\/72\/2024\/08\/image.jpg\" alt=\"image\">            \n                          <!-- .elaet-image-overlay -->\n              <div class=\"image-pro-overlay\">\n                <div class=\"elaet-image-color-overlay\"><\/div>\n                <div class=\"elaet-image-overlay-inner\">\n                                      <h4 class=\"elaet-image-title elementor-inline-editing\" data-elementor-setting-key=\"heading_hover_title\" data-elementor-inline-editing-toolbar=\"basic\">Hover Effect - Shine<\/h4>\n                  \n                                      <div class=\"elaet-image-caption elementor-inline-editing\" data-elementor-setting-key=\"image_hover_subheading\" data-elementor-inline-editing-toolbar=\"basic\">Overlay - FadeInup, \nFilter - Sepia<\/div>\n                                    <a class=\"elaet-image-action-button, elaet-image-caption-button\" >More<\/a>\n                <\/div>\n              <\/div><!-- .elaet-image-overlay -->\n                      <\/div>\n        <\/div>\n      <\/div><!-- .elaet-image-module-wrap -->\n    <\/div>\n\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-inner-section elementor-element elementor-element-ece01f6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ece01f6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-64cb570\" data-id=\"64cb570\" 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-a4de245 elementor-widget elementor-widget-Image_Animation\" data-id=\"a4de245\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Image_Animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"elaet-image-module filter-blur effect-glow entrance-effect-fadeInDown\" data-entrance-effect=\"fadeInDown\" data-exit-effect=\"fadeOutUp\">\n      <!--insert-->\n      <div class=\"elaet-image-module-wrap\">\n        <a class=\"elaet-image-module-external\" href=\"#\"><\/a>\n        <div class=\"elaet-image-pro-flip-box-wrap\">\n          <div class=\"elaet-image-flip-box\">\n            <img decoding=\"async\" class=\"elaet-img\" src=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-content\/uploads\/sites\/72\/2024\/08\/image-7-1.jpg\" alt=\"image (7) (1)\">            \n                          <!-- .elaet-image-overlay -->\n              <div class=\"image-pro-overlay\">\n                <div class=\"elaet-image-color-overlay\"><\/div>\n                <div class=\"elaet-image-overlay-inner\">\n                                      <h4 class=\"elaet-image-title elementor-inline-editing\" data-elementor-setting-key=\"heading_hover_title\" data-elementor-inline-editing-toolbar=\"basic\">Hover Effect - Glow<\/h4>\n                  \n                                      <div class=\"elaet-image-caption elementor-inline-editing\" data-elementor-setting-key=\"image_hover_subheading\" data-elementor-inline-editing-toolbar=\"basic\">Overlay - FadeInDown, \nFilter - Blur<\/div>\n                                    <a class=\"elaet-image-action-button, elaet-image-caption-button\" >Know More<\/a>\n                <\/div>\n              <\/div><!-- .elaet-image-overlay -->\n                      <\/div>\n        <\/div>\n      <\/div><!-- .elaet-image-module-wrap -->\n    <\/div>\n\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-33 elementor-inner-column elementor-element elementor-element-7e08237\" data-id=\"7e08237\" 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-f0f2a25 elementor-widget elementor-widget-Image_Animation\" data-id=\"f0f2a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Image_Animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"elaet-image-module filter-none effect-rotate entrance-effect-fadeInLeft\" data-entrance-effect=\"fadeInLeft\" data-exit-effect=\"fadeOutLeft\">\n      <!--insert-->\n      <div class=\"elaet-image-module-wrap\">\n        <a class=\"elaet-image-module-external\" href=\"#\"><\/a>\n        <div class=\"elaet-image-pro-flip-box-wrap\">\n          <div class=\"elaet-image-flip-box\">\n            <img decoding=\"async\" class=\"elaet-img\" src=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-content\/uploads\/sites\/72\/2024\/08\/image-1.jpg\" alt=\"image (1)\">            \n                          <!-- .elaet-image-overlay -->\n              <div class=\"image-pro-overlay\">\n                <div class=\"elaet-image-color-overlay\"><\/div>\n                <div class=\"elaet-image-overlay-inner\">\n                                      <h4 class=\"elaet-image-title elementor-inline-editing\" data-elementor-setting-key=\"heading_hover_title\" data-elementor-inline-editing-toolbar=\"basic\">Hover Effect- Rotate<\/h4>\n                  \n                                      <div class=\"elaet-image-caption elementor-inline-editing\" data-elementor-setting-key=\"image_hover_subheading\" data-elementor-inline-editing-toolbar=\"basic\">Overlay - FadeinLeft<\/div>\n                                    <a class=\"elaet-image-action-button, elaet-image-caption-button\" >Know More<\/a>\n                <\/div>\n              <\/div><!-- .elaet-image-overlay -->\n                      <\/div>\n        <\/div>\n      <\/div><!-- .elaet-image-module-wrap -->\n    <\/div>\n\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-33 elementor-inner-column elementor-element elementor-element-19074d9\" data-id=\"19074d9\" 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-723d80d elementor-widget elementor-widget-Image_Animation\" data-id=\"723d80d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Image_Animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"elaet-image-module filter-grayscale effect-zoomin entrance-effect-fadeInRight\" data-entrance-effect=\"fadeInRight\" data-exit-effect=\"fadeOutRight\">\n      <!--insert-->\n      <div class=\"elaet-image-module-wrap\">\n        <a class=\"elaet-image-module-external\" href=\"#\"><\/a>\n        <div class=\"elaet-image-pro-flip-box-wrap\">\n          <div class=\"elaet-image-flip-box\">\n            <img decoding=\"async\" class=\"elaet-img\" src=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-content\/uploads\/sites\/72\/2024\/08\/image-6-2.jpg\" alt=\"image (6)\">            \n                          <!-- .elaet-image-overlay -->\n              <div class=\"image-pro-overlay\">\n                <div class=\"elaet-image-color-overlay\"><\/div>\n                <div class=\"elaet-image-overlay-inner\">\n                                      <h4 class=\"elaet-image-title elementor-inline-editing\" data-elementor-setting-key=\"heading_hover_title\" data-elementor-inline-editing-toolbar=\"basic\">Hover Effect- ZoomIn<\/h4>\n                  \n                                      <div class=\"elaet-image-caption elementor-inline-editing\" data-elementor-setting-key=\"image_hover_subheading\" data-elementor-inline-editing-toolbar=\"basic\">Overlay - fadeInRight<\/div>\n                                    <a class=\"elaet-image-action-button, elaet-image-caption-button\" >Contact Us<\/a>\n                <\/div>\n              <\/div><!-- .elaet-image-overlay -->\n                      <\/div>\n        <\/div>\n      <\/div><!-- .elaet-image-module-wrap -->\n    <\/div>\n\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-inner-section elementor-element elementor-element-e9ae247 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e9ae247\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7c8c0e9\" data-id=\"7c8c0e9\" 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-6bbe43f elementor-widget elementor-widget-Image_Animation\" data-id=\"6bbe43f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Image_Animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"elaet-image-module filter-sepia effect-glow entrance-effect-flip-horizontal\" data-entrance-effect=\"flip-horizontal\" data-exit-effect=\"\">\n      <!--insert-->\n      <div class=\"elaet-image-module-wrap\">\n        <a class=\"elaet-image-module-external\" href=\"#\"><\/a>\n        <div class=\"elaet-image-pro-flip-box-wrap\">\n          <div class=\"elaet-image-flip-box\">\n            <img decoding=\"async\" class=\"elaet-img\" src=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-content\/uploads\/sites\/72\/2024\/08\/image-2.jpg\" alt=\"image (2)\">            \n                          <!-- .elaet-image-overlay -->\n              <div class=\"image-pro-overlay\">\n                <div class=\"elaet-image-color-overlay\"><\/div>\n                <div class=\"elaet-image-overlay-inner\">\n                                      <h4 class=\"elaet-image-title elementor-inline-editing\" data-elementor-setting-key=\"heading_hover_title\" data-elementor-inline-editing-toolbar=\"basic\">Hover Effect - Glow<\/h4>\n                  \n                                      <div class=\"elaet-image-caption elementor-inline-editing\" data-elementor-setting-key=\"image_hover_subheading\" data-elementor-inline-editing-toolbar=\"basic\">Overlay - Flip Horizontal, Filter - Sepia<\/div>\n                                    <a class=\"elaet-image-action-button, elaet-image-caption-button\" >Know More<\/a>\n                <\/div>\n              <\/div><!-- .elaet-image-overlay -->\n                      <\/div>\n        <\/div>\n      <\/div><!-- .elaet-image-module-wrap -->\n    <\/div>\n\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-33 elementor-inner-column elementor-element elementor-element-54b28c8\" data-id=\"54b28c8\" 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-555a12d elementor-widget elementor-widget-Image_Animation\" data-id=\"555a12d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Image_Animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"elaet-image-module filter-none effect-rotate entrance-effect-flip-vertical\" data-entrance-effect=\"flip-vertical\" data-exit-effect=\"\">\n      <!--insert-->\n      <div class=\"elaet-image-module-wrap\">\n        <a class=\"elaet-image-module-external\" href=\"#\"><\/a>\n        <div class=\"elaet-image-pro-flip-box-wrap\">\n          <div class=\"elaet-image-flip-box\">\n            <img decoding=\"async\" class=\"elaet-img\" src=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-content\/uploads\/sites\/72\/2024\/08\/image-4-2.jpg\" alt=\"image (4)\">            \n                          <!-- .elaet-image-overlay -->\n              <div class=\"image-pro-overlay\">\n                <div class=\"elaet-image-color-overlay\"><\/div>\n                <div class=\"elaet-image-overlay-inner\">\n                                      <h4 class=\"elaet-image-title elementor-inline-editing\" data-elementor-setting-key=\"heading_hover_title\" data-elementor-inline-editing-toolbar=\"basic\">Hover Effect - Rotate<\/h4>\n                  \n                                      <div class=\"elaet-image-caption elementor-inline-editing\" data-elementor-setting-key=\"image_hover_subheading\" data-elementor-inline-editing-toolbar=\"basic\">Overlay - Flip Vertical<\/div>\n                                    <a class=\"elaet-image-action-button, elaet-image-caption-button\" >Know More<\/a>\n                <\/div>\n              <\/div><!-- .elaet-image-overlay -->\n                      <\/div>\n        <\/div>\n      <\/div><!-- .elaet-image-module-wrap -->\n    <\/div>\n\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-33 elementor-inner-column elementor-element elementor-element-ad12ebe\" data-id=\"ad12ebe\" 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-08e9931 elementor-widget elementor-widget-Image_Animation\" data-id=\"08e9931\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Image_Animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"elaet-image-module filter-grayscale-reverse effect-shine entrance-effect-zoomInUp\" data-entrance-effect=\"zoomInUp\" data-exit-effect=\"zoomOutDown\">\n      <!--insert-->\n      <div class=\"elaet-image-module-wrap\">\n        <a class=\"elaet-image-module-external\" href=\"#\"><\/a>\n        <div class=\"elaet-image-pro-flip-box-wrap\">\n          <div class=\"elaet-image-flip-box\">\n            <img decoding=\"async\" class=\"elaet-img\" src=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-content\/uploads\/sites\/72\/2024\/08\/image-5-3.jpg\" alt=\"image (5)\">            \n                          <!-- .elaet-image-overlay -->\n              <div class=\"image-pro-overlay\">\n                <div class=\"elaet-image-color-overlay\"><\/div>\n                <div class=\"elaet-image-overlay-inner\">\n                                      <h4 class=\"elaet-image-title elementor-inline-editing\" data-elementor-setting-key=\"heading_hover_title\" data-elementor-inline-editing-toolbar=\"basic\">Hover Effect - Shine<\/h4>\n                  \n                                      <div class=\"elaet-image-caption elementor-inline-editing\" data-elementor-setting-key=\"image_hover_subheading\" data-elementor-inline-editing-toolbar=\"basic\">Overlay - ZoomInUp<\/div>\n                                    <a class=\"elaet-image-action-button, elaet-image-caption-button\" >Know More<\/a>\n                <\/div>\n              <\/div><!-- .elaet-image-overlay -->\n                      <\/div>\n        <\/div>\n      <\/div><!-- .elaet-image-module-wrap -->\n    <\/div>\n\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\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>Image Animation Image Animation Widget allows you to present your images in a dynamic and eye-catching manner. With a range of customization options, you can personalize the Hover effect to suit your brand&#8217;s style and create a unique visual experience for your audience. Creating Eye-Catching Image Animation Effects Eye-catching image animation effects can captivate viewers &hellip;<\/p>\n<p class=\"read-more\"> <a class=\" thunk-readmore button \" href=\"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/image-animation\/\"> <span class=\"screen-reader-text\">Image Animation<\/span>Read More<\/a><\/p>\n","protected":false},"author":175,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2283","page","type-page","status-publish","hentry","thunk-woo-product-list","opn-qv-enable","th-shop-mania-woo-hover-","open-single-product-tab-horizontal","open-shadow-","open-shadow-hover-"],"_links":{"self":[{"href":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-json\/wp\/v2\/pages\/2283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-json\/wp\/v2\/users\/175"}],"replies":[{"embeddable":true,"href":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-json\/wp\/v2\/comments?post=2283"}],"version-history":[{"count":148,"href":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-json\/wp\/v2\/pages\/2283\/revisions"}],"predecessor-version":[{"id":3546,"href":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-json\/wp\/v2\/pages\/2283\/revisions\/3546"}],"wp:attachment":[{"href":"https:\/\/wpthemes.themehunk.com\/elite-addon-elementor\/wp-json\/wp\/v2\/media?parent=2283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}