Divi Supreme Image Hover Reveal Module
When you hover over the image, you will see the top image sliced into 5 pieces and revealing the image again with zoomed in animation. There are 4 types of animation to choose from. A unique way to showcase!
[dsm_floating_multi_images floating_height=“450px“ floating_height_tablet=“610px“ floating_height_phone=“300px“ floating_height_last_edited=“on|phone“ _builder_version=“3.17.6″ background_image=“data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNTYgMTc4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTYgMTc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0YyRjJGNztlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC43LDMwLjhjLTE2LjQtMC42LTMyLTUuOS00Ny0xMS43UzcyLjEsNi45LDU2LDMuOEM0NS43LDEuOCwzNCwxLjYsMjUuNiw3LjFjLTgsNS4zLTEwLjYsMTQuNS0xMiwyMwoJYy0xLDYuNC0xLjcsMTMuMSwxLjIsMTkuMWMyLDQuMiw1LjUsNy43LDgsMTEuNmM4LjUsMTMuOSwyLjUsMzEtNi43LDQ0LjVjLTQuMyw2LjQtOS4zLDEyLjQtMTIuNiwxOS4ycy00LjksMTQuNS0yLDIxLjQKCWMyLjksNi44LDkuOCwxMiwxNy4yLDE1LjZjMTUuMSw3LjQsMzMsOS40LDUwLjQsMTAuNmMzOC41LDIuNiw3Ny4yLDEuNSwxMTUuOCwwLjRjMTQuMy0wLjQsMjguNi0wLjksNDIuNy0zLjEKCWM3LjgtMS4yLDE1LjktMy4yLDIxLjUtNy45YzcuMi02LDktMTYuMSw0LjItMjMuNmMtOC4xLTEyLjUtMzAuNC0xNS43LTM2LjEtMjkuMWMtMy4xLTcuNCwwLjEtMTUuNyw0LjYtMjIuNQoJYzkuNy0xNC43LDI1LjktMjcuNywyNi44LTQ0LjVjMC42LTExLjYtNy4yLTIzLjItMTkuMy0yOC43Yy0xMi43LTUuNy0zMC4yLTUtMzkuNiw0LjVDMTgwLjEsMjcuNSwxNjMuMiwzMS4zLDE0OC43LDMwLjh6Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=“ background_size=“contain“ hover_enabled=“0″ max_width=“50%“ max_width_last_edited=“on|desktop“ _i=“0″ _address=“1.0.0.0″ theme_builder_area=“post_content“ max_width_tablet=“50%“ max_width_phone=“50%“ /]
[dsm_image_hover_reveal src=“https://kemmlerschule.de/wp-content/uploads/2021/11/prague-2192419_640-min.jpg“ image_reveal_animation=“horiz-slide-right“ _builder_version=“3.17.6″ _i=“0″ _address=“1.1.0.0″ theme_builder_area=“post_content“ /][dsm_image_hover_reveal src=“https://kemmlerschule.de/wp-content/uploads/2021/11/woodland-656969_640-min.jpg“ _builder_version=“3.17.6″ _i=“1″ _address=“1.1.0.1″ theme_builder_area=“post_content“ /]
[dsm_image_hover_reveal src=“https://kemmlerschule.de/wp-content/uploads/2021/11/falkenstein-1673868_640-min.jpg“ image_reveal_animation=“horiz-slide-left“ _builder_version=“3.17.6″ _i=“0″ _address=“1.1.1.0″ theme_builder_area=“post_content“ /][dsm_image_hover_reveal src=“https://kemmlerschule.de/wp-content/uploads/2021/11/glacier-3112878_640-min.jpg“ image_reveal_animation=“vert-slide-up“ _builder_version=“3.17.6″ _i=“1″ _address=“1.1.1.1″ theme_builder_area=“post_content“ /]
Ready to get started?
More Divi features are coming your way
[dsm_button button_one_text=“Download Layout“ button_two_text=“Join Pro Today“ button_alignment=“center“ separator_text=“or“ fullwidth_separator_text_on_mobile=“on“ button_one_hover_animation=“dsm-push“ button_two_hover_animation=“dsm-push“ module_class=“dsm-dual-button“ _builder_version=“3.17.6″ separator_text_text_color=“#677583″ separator_text_font_size=“16px“ custom_button_one=“on“ button_one_text_size=“18px“ button_one_text_color=“#ffffff“ button_one_bg_color=“#30323d“ button_one_border_color=“#30323d“ button_one_border_radius=“50px“ button_one_font=“Montserrat|700|||||||“ button_one_use_icon=“off“ button_one_text_size_tablet=“16px“ button_one_text_size_phone=“14px“ button_one_text_size_last_edited=“on|desktop“ custom_button_two=“on“ button_two_text_size=“18px“ button_two_text_color=“#ffffff“ button_two_bg_color=“#25db92″ button_two_border_color=“#25db92″ button_two_border_radius=“50px“ button_two_font=“Montserrat|700|||||||“ button_two_use_icon=“off“ button_two_text_size_tablet=“16px“ button_two_text_size_phone=“14px“ button_two_text_size_last_edited=“on|desktop“ box_shadow_style_button_one=“preset3″ box_shadow_color_button_one=“rgba(0,0,0,0.09)“ box_shadow_style_button_two=“preset3″ box_shadow_color_button_two=“rgba(0,0,0,0.09)“ button_two_border_radius__hover_enabled=“on“ button_two_border_radius__hover=“6px“ button_two_bg_color__hover_enabled=“on“ button_two_bg_color__hover=“#ffffff“ button_two_text_color__hover_enabled=“on“ button_two_text_color__hover=“#30323d“ button_one_text_color__hover_enabled=“on“ button_one_text_color__hover=“#30323d“ button_one_bg_color__hover_enabled=“on“ button_one_bg_color__hover=“#ffffff“ button_one_border_radius__hover_enabled=“on“ button_one_border_radius__hover=“6px“ button_two_url=“https://divisupreme.com/pricing/“ _i=“0″ _address=“2.0.1.0″ theme_builder_area=“post_content“ /]