[et_pb_aio_extended title=”The New Divi Perky Animate” subhead=”compatible with visual builder” subhead_background_color=”#1982fc” subhead_padding=”7px|12px|7px|12px|true|true” subhead_before_after=”before” content_padding=”0px|0px|20px|0px” scroll_fade_column_on_off=”off” typing_static_break=”off” rotator_effect=”off” rotator_static_break=”off” textillate_effect=”off” use_whole_link_video_popup=”off” animation=”fadeIn” button_text=”View Features” button_url=”#dwd-view-features” button_text_two=”Watch Introduction” popup_video_on_off_two=”on” popup_video_url_two=”https://www.youtube.com/watch?v=FkQuawiGWUw” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” button_one_sb_hover_on_off=”off” button_two_sb_hover_on_off=”off” title_fancyline=”on” fancyline_color=”#2f2f4f” fancyline_margin_top=”30px” cover_image_hover_animation=”none” cover_image_hover_bg_transition=”none” img_hover_effect=”off” img_define_height=”630px” use_wrapper_border=”off” wrapper_border_hover=”off” tilt_effect=”off” hover_push=”off” img_define_height_phone=”420px” img_define_height_last_edited=”on|phone” wrapper_border_width_tablet=”50″ _builder_version=”3.3.1″ header_level=”h1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”60px” header_font_size_phone=”44px” header_font_size_last_edited=”on|phone” header_letter_spacing=”-1px” header_line_height=”1.1em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”18px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.5em” content_line_height_phone=”1.8em” content_line_height_last_edited=”on|phone” subhead_font=”Lato|||on|||||” subhead_text_color=”#ffffff” subhead_font_size=”10px” subhead_letter_spacing=”2px” subhead_line_height=”1.1em” bgtext_text_color=”#eeeeee” custom_button_two=”on” button_two_text_size=”18px” button_two_text_color=”#1982fc” button_two_bg_color=”rgba(255,255,255,0)” button_two_border_color=”rgba(255,255,255,0)” button_two_font=”Lato||||||||” button_two_icon=”%%40%%” button_two_icon_placement=”left” button_two_on_hover=”off” button_two_text_size_phone=”14px” button_two_text_size_last_edited=”on|phone” custom_button_one=”on” button_one_text_size=”18px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”0px|0px|0px|0px|true|true” custom_css_subtitle=”margin-bottom:15px; border-radius:4px;” custom_css_button_1=”padding-left: 25px !important; padding-right: 25px !important;”]

Whether you’re using it for Call-to-Action, background image animation or just a simple text on your website, Divi Perky Animate has it all and is your All-in-One solution for Divi sites because there’s no limit to your design.

[/et_pb_aio_extended]

[et_pb_aio_extended image=”https://jimmycrow.info/wp-content/uploads/2018/11/dwd-perky-animate-mockup-hero-1.png” icon_bottom_gap=”0px” img_define_height=”630px” img_define_height_phone=”200px” img_define_height_last_edited=”on|phone” _builder_version=”3.3.1″ border_radii_image=”on|4px|4px|4px|4px” box_shadow_style_image=”preset3″ box_shadow_blur_image=”32px” box_shadow_spread_image=”-2px” box_shadow_color_image=”rgba(0,0,0,0.13)” custom_padding=”0px|0px|0px|0px” /]
[et_pb_aio_extended title=”Why use Divi Perky Animate” title_padding=”0px|0px|34px|0px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”32px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” content_font=”Lato||||||||” content_text_color=”#606060″ content_font_size=”16px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.6em” max_width=”60%” max_width_last_edited=”on|phone” module_alignment=”center” custom_padding=”0px|0px|0px|0px|true|true”]

Packed with tons of features for your Divi sites and provides a comprehensive suite of customizations that helps you easily create dynamic text effects, image hover effects, background hover transitions and more.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Text Animation” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%73%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”View” button_url=”#dwd-text-effects” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”18px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 30px !important; padding-right: 30px !important;”]

Create dynamic text effects such as Typing, Rotator, Textillate and TextGIF with just a few clicks. We’ve done the hard part on the Divi backend and now it’s your turn to impress your visitors.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Hover Content Animation” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%65%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”View” button_url=”#dwd-hover-content” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

More than 30 types of animation to choose from. Create beautiful, subtle transitions. Enhance the look and feel of a website and make it easier for visitors to navigate.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Overlay” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%127%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”View” button_url=”#dwd-hover-content” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Easily put overlay text over an image or element. Overlay text and Overlay background animation gives your site a cool and interactive effects in a simple and flexible way.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Background Image Effects” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%99%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”View” button_url=”#dwd-hover-content” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” img_hover_effect=”on” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Create stunning background image with ease. Apply image filters, zooming effect and other effects with just a few clicks. These effects can make your site feel much more dynamic and alive.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Revealer Effects” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%360%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”View” button_url=”#dwd-revealer-effect” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

It’s cool for revealing content in a schematic box look. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers content underneath.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Cover Image” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%378%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”View” button_url=”#dwd-cover-image” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” cover_image_hover_bg_transition=”none” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Ideals for showing a featured image on the top of the element along with some contents. A few hover animation transitions to choose from and now you can make it more obvious and alive.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Animations” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%138%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”View” button_url=”#dwd-animations” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” img_hover_effect=”on” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Over 49 Animations to choose and it is by one of the most popular animation CSS framework. These animations are being applied as you scroll down the page. Apply animation to each elements from title to buttons.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Tilt Effect” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%54%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”View” button_url=”#dwd-tilt-effect” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” tilt_effect=”off” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Interactive 3D parallax tilt effects that react to mouse movement when you hover over them. Bring the attention of your visitors easily to your sites. The choice of images should be right to make this effect even stunning.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Border Wrapper” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%378%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”View” button_url=”#dwd-border-wrapper” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” cover_image_hover_bg_transition=”none” use_wrapper_border=”off” wrapper_border_hover=”on” wrapper_border_color=”#0c71c3″ hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Ideals for showing a border within the element to create a unique look. Adjust the border style, color or padding to your own liking and choose over two types of hover animation transitions ‘Zoom In’ or ‘Zoom Out’.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Some real example of Text Effect Animation” title_padding=”0px|0px|0px|0px” scroll_fade_column_on_off=”off” rotator_effect=”off” use_background_text=”on” background_text=”Text” background_text_vertical=”-71px” background_text_horizontal=”-52px” background_text_vertical_phone=”-20px” background_text_vertical_last_edited=”on|phone” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”36px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_line_height=”1.5em” bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#ffffff” bgtext_font_size=”100px” border_color_all=”#e02b20″ border_width_left=”6px” border_color_left=”#ffeb57″ text_orientation=”left” custom_padding=”0px|0px|0px|25px” /]
[et_pb_aio_extended title_padding=”0px|0px|25px|0px” scroll_fade_column_on_off=”off” rotator_effect=”off” background_text_vertical=”-292px” background_text_horizontal=”-23px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”42px” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.7em” bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#eef2f7″ bgtext_font_size=”100px” text_orientation=”left” custom_padding=”0px|0px|0px|0px||true”]

Using these effects can be really easy. Even without coding background, you can easily start using them with just a few clicks. Ideals for capturing visitors attention.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”This is the typing|Use it on Title” typing_effect=”on” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#ffffff” title_underline_gap=”15px” use_icon=”on” font_icon=”%%73%%” icon_color=”#ffffff” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” img_hover_effect=”off” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#ffffff” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#ffffff” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” use_background_color_gradient=”on” background_color_gradient_start=”#9276ed” background_color_gradient_end=”#579be8″ background_color_gradient_direction=”130deg” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(87,155,232,0.5)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” background_layout=”dark” custom_padding=”25px|25px|25px|25px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended][et_pb_aio_extended title=”This is the Rotator|Use it on title” rotator_effect=”on” rotator_type=”fadeInDown” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#ffffff” title_underline_gap=”15px” use_icon=”on” font_icon=”%%73%%” icon_color=”#ffffff” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” img_hover_effect=”off” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#ffffff” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#ffffff” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” use_background_color_gradient=”on” background_color_gradient_start=”#8300e9″ background_color_gradient_end=”#d700ef” background_color_gradient_direction=”130deg” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(131,0,233,0.41)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” background_layout=”dark” custom_padding=”25px|25px|25px|25px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Textillate Effect” textillate_effect=”on” textillate_in_effect=”flipInY” textillate_out_effect=”flipOutY” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#ffffff” title_underline_gap=”15px” use_icon=”on” font_icon=”%%73%%” icon_color=”#ffffff” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” img_hover_effect=”off” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#ffffff” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#ffffff” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” use_background_color_gradient=”on” background_color_gradient_start=”#008d83″ background_color_gradient_end=”#00caa6″ background_color_gradient_direction=”130deg” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,141,131,0.5)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” background_layout=”dark” custom_padding=”25px|25px|25px|25px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended][et_pb_aio_extended title=”This is the TextGIF” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#ffffff” title_underline_gap=”15px” textgif_on_off=”on” textgif_bg=”https://demo-vb.diviwebdesign.com/wp-content/uploads/2018/05/giphy-1.gif” use_icon=”on” font_icon=”%%73%%” icon_color=”#ffffff” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” img_hover_effect=”off” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#ffffff” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#ffffff” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” use_background_color_gradient=”on” background_color_gradient_start=”#0052d0″ background_color_gradient_end=”#00b3e4″ background_color_gradient_direction=”130deg” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(87,155,232,0.5)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” background_layout=”dark” custom_padding=”25px|25px|25px|25px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended]

[et_pb_aio_extended image=”https://jimmycrow.info/wp-content/uploads/2018/11/dwd-perky-typing-1.png” icon_bottom_gap=”0px” img_define_height=”565px” img_define_height_phone=”100%” img_define_height_last_edited=”on|phone” _builder_version=”3.3.1″ border_radii_image=”on|4px|4px|4px|4px” box_shadow_style_image=”preset3″ box_shadow_blur_image=”32px” box_shadow_spread_image=”-2px” box_shadow_color_image=”rgba(0,0,0,0.13)” custom_padding=”0px|0px|0px|0px” /]
[et_pb_aio_extended title_padding=”0px|0px|25px|0px” scroll_fade_column_on_off=”off” rotator_effect=”off” background_text_vertical=”-292px” background_text_horizontal=”-23px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”42px” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.8em” bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#eef2f7″ bgtext_font_size=”100px” text_orientation=”left” custom_padding=”0px|0px|0px|0px||true” locked=”off”]

Ideals for showing a featured image on the top of the element along with some contents. 6 hover animations to choose from: Zoom In, Zoom Out, To Left, To Right, To Top and To Bottom.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Some real example of Cover Image Feature” title_padding=”0px|0px|0px|0px” scroll_fade_column_on_off=”off” typing_static_break=”off” rotator_effect=”off” rotator_static_break=”off” textillate_effect=”off” use_background_text=”on” background_text=”Cover” background_text_vertical=”18px” background_text_horizontal=”-52px” use_whole_link_video_popup=”off” animation=”fadeIn” button_one_sb_hover_on_off=”off” button_two_sb_hover_on_off=”off” cover_image_hover_animation=”none” cover_image_hover_bg_transition=”none” img_hover_effect=”off” use_wrapper_border=”off” wrapper_border_hover=”off” tilt_effect=”off” hover_push=”off” background_text_vertical_phone=”-8px” background_text_vertical_last_edited=”on|phone” background_text_horizontal_phone=”-19px” background_text_horizontal_last_edited=”on|phone” img_define_height_tablet=”550px” wrapper_border_width_tablet=”50″ _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”36px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_line_height=”1.5em” subhead_font_size_tablet=”51″ bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#ffffff” bgtext_font_size=”100px” bgtext_font_size_phone=”60px” bgtext_font_size_last_edited=”on|phone” border_color_all=”#e02b20″ border_width_left=”6px” border_color_left=”#ffeb57″ text_orientation=”left” custom_padding=”0px|0px|0px|25px” locked=”off” /]
[et_pb_aio_extended image=”https://jimmycrow.info/wp-content/uploads/2018/11/dwd-perky-cover-image-1.png” icon_bottom_gap=”0px” _builder_version=”3.3.1″ border_radii_image=”on|4px|4px|4px|4px” box_shadow_style_image=”preset3″ box_shadow_blur_image=”32px” box_shadow_spread_image=”-2px” box_shadow_color_image=”rgba(0,0,0,0.13)” custom_padding=”0px|0px|0px|0px” locked=”off” /][et_pb_aio_extended title=”Cover Image Hover Transition” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%378%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_text=”Get it Now” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” cover_image=”on” cover_image_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2589420_640-1.jpg” cover_image_hover_animation=”top-to-bottom” cover_image_hover_bg_transition=”none” cover_overlay_color=”rgba(0,0,0,0.23)” cover_image_title=”Cover Image Transition” cover_image_content_hover=”on” cover_image_content_hover_animation=”fade-in-bottom” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size_phone=”14px” content_font_size_last_edited=”off|desktop” cover_title_font=”Lato|700|||||||” cover_title_text_color=”#ffffff” cover_body_text_font=”||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

8 types of Hover Image Transition to choose from: Grayscale, Sepia, Saturate, Blur, Contrast, Invert, Brightness and Hue Rotate. You can also set an overlay on top of the cover image or put your overlay text on top. Very easy and customizable including the hover speed transition and effects.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Cover Image” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%378%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” cover_image=”on” cover_image_src=”https://jimmycrow.info/wp-content/uploads/2018/11/the-conference-3248255_640-1.jpg” cover_image_hover_animation=”zoom-out” cover_image_hover_bg_transition=”none” cover_overlay_color=”rgba(0,0,0,0.23)” cover_image_title=”Zoom Out” cover_image_height=”120px” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ cover_title_font=”Lato|700|||||||” cover_title_text_color=”#ffffff” cover_body_text_font=”||||||||” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”off|desktop” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”20px|20px|20px|20px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended][et_pb_aio_extended title=”Cover Image” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%378%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” cover_image=”on” cover_image_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2557572_640-1.jpg” cover_image_hover_animation=”left-to-right” cover_image_hover_bg_transition=”none” cover_overlay_color=”rgba(0,0,0,0.23)” cover_image_title=”To Right” cover_image_height=”120px” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ cover_title_font=”Lato|700|||||||” cover_title_text_color=”#ffffff” cover_body_text_font=”||||||||” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”20px|20px|20px|20px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended][et_pb_aio_extended title=”Cover Image” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%378%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” cover_image=”on” cover_image_src=”https://jimmycrow.info/wp-content/uploads/2018/11/home-office-593383_640-1.jpg” cover_image_hover_animation=”bottom-to-top” cover_image_hover_bg_transition=”none” cover_overlay_color=”rgba(0,0,0,0.23)” cover_image_title=”To Top” cover_image_height=”120px” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ cover_title_font=”Lato|700|||||||” cover_title_text_color=”#ffffff” cover_body_text_font=”||||||||” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”20px|20px|20px|20px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Cover Image” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%378%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” cover_image=”on” cover_image_src=”https://jimmycrow.info/wp-content/uploads/2018/11/office-594132_640-1.jpg” cover_image_hover_animation=”zoom-in” cover_image_hover_bg_transition=”grayscale” cover_overlay_color=”rgba(0,0,0,0.23)” cover_image_title=”Zoom In with Grayscale” cover_image_height=”120px” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ cover_title_font=”Lato|700|||||||” cover_title_text_color=”#ffffff” cover_body_text_font=”||||||||” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”20px|20px|20px|20px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended][et_pb_aio_extended title=”Cover Image” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%378%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” cover_image=”on” cover_image_src=”https://jimmycrow.info/wp-content/uploads/2018/11/workplace-1246677_640-1.jpg” cover_image_hover_animation=”right-to-left” cover_image_hover_bg_transition=”none” cover_overlay_color=”rgba(0,0,0,0.23)” cover_image_title=”To Left” cover_image_height=”120px” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ cover_title_font=”Lato|700|||||||” cover_title_text_color=”#ffffff” cover_body_text_font=”||||||||” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”20px|20px|20px|20px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended][et_pb_aio_extended title=”Cover Image” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%378%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” cover_image=”on” cover_image_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2443735_640-1.jpg” cover_image_hover_animation=”top-to-bottom” cover_image_hover_bg_transition=”none” cover_overlay_color=”rgba(0,0,0,0.23)” cover_image_title=”To Bottom” cover_image_height=”120px” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ cover_title_font=”Lato|700|||||||” cover_title_text_color=”#ffffff” cover_body_text_font=”||||||||” bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”20px|20px|20px|20px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Some real example of Revealer Effect” title_padding=”0px|0px|0px|0px” scroll_fade_column_on_off=”off” typing_static_break=”off” rotator_effect=”off” rotator_static_break=”off” textillate_effect=”off” use_background_text=”on” background_text=”Revealer” background_text_vertical=”-76px” background_text_horizontal=”-52px” use_whole_link_video_popup=”off” animation=”fadeIn” button_one_sb_hover_on_off=”off” button_two_sb_hover_on_off=”off” cover_image_hover_animation=”none” cover_image_hover_bg_transition=”none” img_hover_effect=”off” use_wrapper_border=”off” wrapper_border_hover=”off” tilt_effect=”off” hover_push=”off” background_text_vertical_phone=”-12px” background_text_vertical_last_edited=”on|phone” background_text_horizontal_phone=”-51px” background_text_horizontal_last_edited=”on|phone” img_define_height_tablet=”550px” wrapper_border_width_tablet=”50″ _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”36px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_line_height=”1.5em” subhead_font_size_tablet=”51″ bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#ffffff” bgtext_font_size=”100px” bgtext_font_size_phone=”60px” bgtext_font_size_last_edited=”on|phone” border_color_all=”#e02b20″ border_width_left=”6px” border_color_left=”#ffeb57″ text_orientation=”left” custom_padding=”0px|0px|0px|25px” /]
[et_pb_aio_extended title_padding=”0px|0px|25px|0px” scroll_fade_column_on_off=”off” rotator_effect=”off” background_text_vertical=”-70px” background_text_horizontal=”-30px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”42px” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.8em” bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#eef2f7″ bgtext_font_size=”100px” text_orientation=”left” custom_padding=”0px|0px|0px|0px||true”]

It’s cool for revealing content in a schematic box look. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers content underneath.

[/et_pb_aio_extended]

[et_pb_aio_extended img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2559707_1280-1.jpg” img_define_height=”320px” revealer_animation_on_off=”on” revealer_background_color=”#1982fc” _builder_version=”3.3.1″ border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” custom_padding=”0px|0px|0px|0px|true|true” /][et_pb_aio_extended img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/office-620817_1280-1.jpg” img_define_height=”320px” revealer_animation_on_off=”on” revealer_animation=”top-to-bottom” revealer_background_color=”#da00f2″ _builder_version=”3.3.1″ border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” custom_padding=”0px|0px|0px|0px|true|true” /]
[et_pb_aio_extended img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/youtuber-2838929_1280-1.jpg” img_define_height=”320px” revealer_animation_on_off=”on” revealer_animation=”right-to-left” revealer_background_color=”#8300e9″ _builder_version=”3.3.1″ border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” custom_padding=”0px|0px|0px|0px|true|true” /][et_pb_aio_extended img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/coding-3013602_1280-1.jpg” img_define_height=”320px” revealer_animation_on_off=”on” revealer_animation=”bottom-to-top” revealer_background_color=”#ffeb57″ _builder_version=”3.3.1″ border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” custom_padding=”0px|0px|0px|0px|true|true” /]
[et_pb_aio_extended image=”https://jimmycrow.info/wp-content/uploads/2018/11/dwd-revealer-1.png” icon_bottom_gap=”0px” revealer_animation_on_off=”on” _builder_version=”3.3.1″ border_radii_image=”on|4px|4px|4px|4px” box_shadow_style_image=”preset3″ box_shadow_blur_image=”32px” box_shadow_spread_image=”-2px” box_shadow_color_image=”rgba(0,0,0,0.13)” custom_margin=”|||” custom_padding=”0px|12px|15px|12px||true” locked=”off” /][et_pb_aio_extended title=”Reveal your module in a cool and stylish way” title_padding=”0px|0px|0px|0px” scroll_fade_column_on_off=”off” rotator_effect=”off” background_text_vertical=”-144px” background_text_horizontal=”-37px” revealer_animation_on_off=”on” revealer_animation=”top-to-bottom” revealer_background_color=”#00caa6″ _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”36px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” header_line_height=”1.6em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_line_height=”1.5em” bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#ffffff” bgtext_font_size=”100px” text_orientation=”left” custom_padding=”0px|0px|0px|25px” locked=”off” /]
[et_pb_aio_extended title=”Some example of Hover Content Animation, Background Transition & Overlay features” title_padding=”0px|0px|34px|0px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”32px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” header_line_height=”1.5em” content_font=”Lato||||||||” content_text_color=”#606060″ content_font_size=”16px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.8em” max_width=”60%” max_width_last_edited=”on|phone” module_alignment=”center” custom_padding=”0px|0px|0px|0px|true|true”]

The Content Hover Animation has more than 30 types of animation to choose from. Create beautiful, subtle transitions. Enhance the look and feel of a website and make it easier for visitors to navigate. Overlay text and Overlay background animation gives your site a cool and interactive effects in a simple and flexible way.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Hover Content” hide_content=”on” alternative_hover_content_on_off=”on” alternative_hover_title=”Grayscale” overlay_gradient=”on” overlay_gradient_color_one=”rgba(0,0,0,0.22)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/office-581131_640-1.jpg” img_hover_effect=”on” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark”]

Fade in

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-fadein-left” alternative_hover_content_on_off=”on” alternative_hover_title=”Constrast” alternative_hover_animation=”fade-out-right” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.17)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/communication-3058807_640-1.jpg” img_hover_effect=”on” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark”]

Fade in Left

[/et_pb_aio_extended][et_pb_aio_extended title=”Background Hover” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.17)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/achievement-3387293_640-1.jpg” img_zoomin_hover=”on” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark”]

Zoom In

[/et_pb_aio_extended][et_pb_aio_extended title=”Background Hover” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.17)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-3087585_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark”]

To Bottom

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-flip-bottom” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_color_one=”rgba(0,0,0,0.33)” overlay_gradient_color_two=”rgba(0,0,0,0.33)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/business-3385079_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark”]

Flip Bottom

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-flipping-bottom” hover_content_overlay_sync=”on” alternative_hover_title=”Zoom In” overlay_gradient=”on” bg_overlay_style=”box_overlay” box_overlay_radius=”4px” overlay_gradient_only_hover=”on” overlay_gradient_type=”diagonal-top” overlay_gradient_color_one=”#9276ed” overlay_gradient_color_two=”#579be8″ img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/hacking-2903156_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true”]

Flip Bottom 360 with Overlay Box Wrapper Style

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-zoom-in” hover_content_overlay_sync=”on” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.27)” overlay_gradient_color_two=”rgba(0,0,0,0.83)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/business-3365362_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true”]

Zoom In

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-zoom-out-left” hover_content_overlay_sync=”on” alternative_hover_content_on_off=”on” alternative_hover_title=”Zoom Out Left” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.27)” overlay_gradient_color_two=”rgba(0,0,0,0.38)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/notepad-3316266_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2443737_640-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true” locked=”off”]

Zoom Out Left with Overlay Sync, Text and Gradient

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-fadein-up” alternative_hover_content_on_off=”on” alternative_hover_title=”Sepia” alternative_hover_animation=”fade-out-top” overlay_gradient=”on” overlay_gradient_color_one=”rgba(0,0,0,0.22)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2443737_640-1.jpg” img_hover_effect=”on” img_hover_effect_style=”img_sepia_hover” text_alignment=”bottom” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark”]

Fade in Up

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-slide-up” alternative_hover_content_on_off=”on” alternative_hover_title=”Invert” alternative_hover_animation=”fade-out-top” overlay_gradient=”on” overlay_gradient_color_one=”rgba(0,0,0,0.22)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/office-972624_640-1.jpg” img_hover_effect=”on” img_hover_effect_style=”img_invert_hover” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Slide Up

[/et_pb_aio_extended][et_pb_aio_extended title=”Background Hover” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.17)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/macbook-577758_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_style=”to-left” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

To Left

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-push-from-bottom” alternative_hover_title=”Grayscale” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/computer-2982270_640-1.jpg” img_hover_effect=”off” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2557572_640-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Push Up

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-flip-left” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_color_one=”rgba(0,0,0,0.33)” overlay_gradient_color_two=”rgba(0,0,0,0.33)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-3343894_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Flip Left

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-flipping-top” hover_content_overlay_sync=”on” alternative_hover_title=”Zoom In” overlay_gradient=”on” bg_overlay_style=”box_overlay” box_overlay_radius=”4px” overlay_gradient_only_hover=”on” overlay_gradient_type=”diagonal-top” overlay_gradient_color_one=”#9276ed” overlay_gradient_color_two=”#579be8″ img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/adult-2178566_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true” locked=”off”]

Flip Up 360 and Overlay Box Wrapper Style

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-zoom-out” hover_content_overlay_sync=”on” alternative_hover_content_on_off=”on” alternative_hover_title=”Zoom Out” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.27)” overlay_gradient_color_two=”rgba(0,0,0,0.38)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/organic-1280538_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/coding-3013602_1280-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true”]

Zoom Out with Overlay Sync, Text and Gradient

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-zoom-out-right” hover_content_overlay_sync=”on” alternative_hover_content_on_off=”on” alternative_hover_title=”Zoom Out Right” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.27)” overlay_gradient_color_two=”rgba(0,0,0,0.38)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2557572_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2434393_640-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true” locked=”off”]

Zoom Out Right with Overlay Sync, Text and Gradient

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-fadein-down” alternative_hover_content_on_off=”on” alternative_hover_title=”Saturate” alternative_hover_animation=”fade-out-bottom” overlay_gradient=”on” overlay_gradient_color_one=”rgba(0,0,0,0.22)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/table-2576317_640-1.jpg” img_hover_effect=”on” img_hover_effect_style=”img_saturate_hover” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Fade in Down

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-slide-down” alternative_hover_content_on_off=”on” alternative_hover_title=”Brightness” alternative_hover_animation=”fade-out-right” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_color_one=”rgba(0,0,0,0.21)” overlay_gradient_color_two=”rgba(0,0,0,0.21)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/office-2608497_640-1.jpg” img_hover_effect=”on” img_hover_effect_style=”img_brightness_hover” img_brightness_setting=”1.9″ img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Slide Down

[/et_pb_aio_extended][et_pb_aio_extended title=”Background Hover” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.17)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/analysis-3387295_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_style=”to-right” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

To Right

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-push-from-top” alternative_hover_title=”Grayscale” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/apple-1868496_640-1.png” img_hover_effect=”off” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2443735_640-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Push Down

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-flip-right” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_color_one=”rgba(0,0,0,0.33)” overlay_gradient_color_two=”rgba(0,0,0,0.33)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/computer-2593921_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Flip Right

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-flip-diag-1″ hover_content_overlay_sync=”on” alternative_hover_title=”Zoom In” overlay_gradient=”on” bg_overlay_style=”box_overlay” box_overlay_radius=”4px” overlay_gradient_only_hover=”on” overlay_gradient_type=”diagonal-top” overlay_gradient_color_one=”#9276ed” overlay_gradient_color_two=”#579be8″ img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/adult-2449725_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true” locked=”off”]

Flip Left 360 and Overlay Box Wrapper Style

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-zoom-out-up” hover_content_overlay_sync=”on” alternative_hover_content_on_off=”on” alternative_hover_title=”Zoom Out Up” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.27)” overlay_gradient_color_two=”rgba(0,0,0,0.38)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/apple-1851464_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/organic-1280537_640-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true” locked=”off”]

Zoom Out Up with Overlay Sync, Text and Gradient

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-hinge-up” hover_content_overlay_sync=”on” alternative_hover_content_on_off=”on” alternative_hover_title=”Hinge Up” alternative_hover_alignment=”center-top” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”#9276ed” overlay_gradient_color_two=”#579be8″ alternative_hover_inner_padding=”30px|15px|30px|15px|true” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2559958_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#2f2f4f” alt_title_text_font_size=”12px” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true” locked=”off”]

Hinge Up with Overlay Sync, Text and Gradient

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-fadein-right” alternative_hover_content_on_off=”on” alternative_hover_title=”Blur” alternative_hover_animation=”fade-out-left” overlay_gradient=”on” overlay_gradient_color_one=”rgba(0,0,0,0.22)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/home-office-569359_640-1.jpg” img_hover_effect=”on” img_hover_effect_style=”img_blur_hover” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” bgtext_font=”||||||||” bgtext_text_color=”#eeeeee” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Fade in Right

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-slide-right” alternative_hover_content_on_off=”on” alternative_hover_title=”Hue Rotate” alternative_hover_animation=”fade-out-right” overlay_gradient=”on” overlay_gradient_color_one=”rgba(0,0,0,0.08)” overlay_gradient_color_two=”rgba(0,0,0,0.08)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/student-849825_640-1.jpg” img_hover_effect=”on” img_hover_effect_style=”img_hue_rotate_hover” img_brightness_setting=”1.9″ img_hue_rotate_setting=”198deg” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Slide Right

[/et_pb_aio_extended][et_pb_aio_extended title=”Background Hover” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.17)” overlay_gradient_color_two=”rgba(0,0,0,0.22)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/office-583839_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_style=”to-top” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

To Top

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-push-from-right” alternative_hover_title=”Grayscale” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_color_one=”rgba(0,0,0,0.3)” overlay_gradient_color_two=”rgba(0,0,0,0.28)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/background-2846221_640-1.jpg” img_hover_effect=”off” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/youtuber-2838929_1280-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Push Left

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” hide_content=”on” hover_content_effect=”dwd-flip-up” alternative_hover_title=”Zoom In” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_color_one=”rgba(0,0,0,0.33)” overlay_gradient_color_two=”rgba(0,0,0,0.33)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-3335722_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off”]

Flip Up

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-flip-diag-2″ hover_content_overlay_sync=”on” alternative_hover_title=”Zoom In” overlay_gradient=”on” bg_overlay_style=”box_overlay” box_overlay_radius=”4px” overlay_gradient_only_hover=”on” overlay_gradient_type=”diagonal-top” overlay_gradient_color_one=”#9276ed” overlay_gradient_color_two=”#579be8″ img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/alternative-energy-3382791_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”||||||||” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true” locked=”off”]

Flip Right 360 and Overlay Box Wrapper Style

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-zoom-out-down” hover_content_overlay_sync=”on” alternative_hover_content_on_off=”on” alternative_hover_title=”Zoom Out Down” overlay_gradient=”on” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.27)” overlay_gradient_color_two=”rgba(0,0,0,0.38)” alternative_hover_bg=”#000000″ alternative_hover_inner_padding=”2px|8px|2px|8px|true|true” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/business-3239669_640-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/the-conference-3248255_640-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true” locked=”off”]

Zoom Out Down with Overlay Sync, Text and Gradient

[/et_pb_aio_extended][et_pb_aio_extended title=”Hover Content” title_fancyline=”on” hide_content=”on” hover_content_effect=”dwd-hinge-down” hover_content_overlay_sync=”on” alternative_hover_content_on_off=”on” alternative_hover_title=”Hinge Down” overlay_gradient=”on” bg_overlay_style=”box_overlay” box_overlay_radius=”4px” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”#9276ed” overlay_gradient_color_two=”#579be8″ alternative_hover_bg=”#000000″ alternative_hover_inner_padding=”2px|8px|2px|8px|true|true” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/achievement-3387293_6401-1.jpg” img_zoomin_hover_style=”to-bottom” img_hover_effect=”off” img_hover_effect_style=”img_contrast_hover” img_contrast_setting=”165%” img_define_height=”280px” _builder_version=”3.3.1″ header_font=”Source Sans Pro|700|||||||” header_font_size=”16px” content_font=”Source Sans Pro||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” custom_padding=”30px|40px|30px|40px|true|true” locked=”off”]

Hinge Down with Overlay Sync, Text and Box Wrapper Gradient

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Some real example of Border Wrapper with Hover Content Animations & Other Animations” title_padding=”0px|0px|25px|0px” scroll_fade_column_on_off=”off” rotator_effect=”off” use_background_text=”on” background_text=”Border” background_text_vertical=”-149px” background_text_horizontal=”-43px” background_text_vertical_phone=”-31px” background_text_vertical_last_edited=”on|phone” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#ffffff” header_font_size=”36px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#eef2f7″ content_font_size=”16px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.5em” content_line_height_phone=”1.7em” content_line_height_last_edited=”on|phone” bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#1982fc” bgtext_font_size=”100px” bgtext_font_size_phone=”72px” bgtext_font_size_last_edited=”on|phone” border_color_all=”#e02b20″ border_width_left=”6px” border_color_left=”#ffeb57″ text_orientation=”left” background_layout=”dark” max_width=”55%” max_width_last_edited=”on|desktop” module_alignment=”center” custom_padding=”0px|0px|0px|25px”]

Ideals for showing a border within the element to create a unique look. Adjust the border style, color or padding to your own liking and choose over two types of hover animation transitions ‘Zoom In’ or ‘Zoom Out’. Combine with other animations so that your visitors are able to see endless combinations of content and hover animations.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Singapore” hide_content=”on” hover_content_effect=”dwd-zoom-in” alternative_hover_content_on_off=”on” alternative_hover_title=”Singapore” alternative_hover_description=”Skyscrapers City” alternative_hover_text_align=”left” alternative_hover_alignment=”center-bottom” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0)” overlay_gradient_color_two=”#000000″ alternative_hover_inner_padding=”20px|15px|20px|20px|true” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/singapore-river-255116_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_speed_setting=”0.6s” text_alignment=”bottom” img_define_height=”320px” use_wrapper_border=”on” wrapper_border_hover=”on” wrapper_border_hover_style=”zoom-out” wrapper_border_width=”1px” wrapper_border_radius=”4px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” content_font=”Lato||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”18px” alt_title_text_line_height=”1.8em” alt_body_text_font=”Lato||||||||” alt_body_text_text_color=”#ffffff” alt_body_text_line_height=”1em” bgtext_font=”||||||||” bgtext_text_color=”#eeeeee” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,7,35,0.55)” text_orientation=”left” background_layout=”dark” custom_padding=”40px|40px|40px|40px|true|true”]

We will introduce you all you need to know about Singapore. The history, facts, climate and location, culture and language.

[/et_pb_aio_extended][et_pb_aio_extended title=”Japan” hide_content=”on” hover_content_effect=”dwd-fadein-left” alternative_hover_content_on_off=”on” alternative_hover_title=”Japan” alternative_hover_description=”Fuji” alternative_hover_text_align=”left” alternative_hover_alignment=”center-bottom” alternative_hover_animation=”fade-out-left” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0)” overlay_gradient_color_two=”rgba(0,0,0,0.31)” alternative_hover_inner_padding=”40px|40px|40px|40px|true|true” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/japan-1902834_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_style=”to-left” img_zoomin_hover_speed_setting=”0.6s” img_hover_effect=”on” img_hover_effect_style=”img_hue_rotate_hover” text_alignment=”bottom” img_define_height=”320px” use_wrapper_border=”on” wrapper_border_hover=”off” wrapper_border_hover_style=”zoom-out” wrapper_border_width=”1px” wrapper_border_radius=”4px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” content_font=”Lato||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”18px” alt_title_text_line_height=”1.8em” alt_body_text_font=”Lato||||||||” alt_body_text_text_color=”#ffffff” alt_body_text_line_height=”1em” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,7,35,0.55)” text_orientation=”left” background_layout=”dark” custom_padding=”40px|40px|40px|40px|true|true”]

We will introduce you all you need to know about Japan. The history, facts, climate and location, culture and language.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”South Korea” alternative_hover_title=”South Korea” alternative_hover_description=”Skyscrapers City” alternative_hover_text_align=”left” alternative_hover_alignment=”center-bottom” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.18)” overlay_gradient_color_two=”rgba(0,0,0,0.86)” overlay_gradient_start=”40%” alternative_hover_inner_padding=”20px|15px|20px|20px|true” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/palace-3400828_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_style=”to-top” img_zoomin_hover_speed_setting=”0.6s” text_alignment=”bottom” img_define_height=”320px” use_wrapper_border=”on” wrapper_border_hover=”off” wrapper_border_hover_style=”zoom-out” wrapper_border_width=”1px” wrapper_border_radius=”4px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” content_font=”Lato||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”18px” alt_title_text_line_height=”1.8em” alt_body_text_font=”Lato||||||||” alt_body_text_text_color=”#ffffff” alt_body_text_line_height=”1em” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,7,35,0.55)” text_orientation=”left” background_layout=”dark” custom_padding=”40px|40px|40px|40px|true|true” locked=”off”]

We will introduce you all you need to know about South Korea. The history, facts, climate and location, culture and language.

[/et_pb_aio_extended][et_pb_aio_extended title=”China” hide_content=”on” hover_content_effect=”dwd-slide-up” alternative_hover_content_on_off=”on” alternative_hover_title=”China” alternative_hover_description=”Great Wall of China” alternative_hover_text_align=”left” alternative_hover_alignment=”center-bottom” alternative_hover_animation=”fade-out-bottom” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0)” overlay_gradient_color_two=”#000000″ overlay_gradient_start=”50%” alternative_hover_inner_padding=”20px|15px|20px|20px|true” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/winter-3364936_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_style=”to-top” img_zoomin_hover_speed_setting=”0.6s” text_alignment=”bottom” img_define_height=”320px” use_wrapper_border=”on” wrapper_border_hover=”on” wrapper_border_width=”1px” wrapper_border_radius=”4px” tilt_effect=”off” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” content_font=”Lato||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”18px” alt_title_text_line_height=”1.8em” alt_body_text_font=”Lato||||||||” alt_body_text_text_color=”#ffffff” alt_body_text_line_height=”1em” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,7,35,0.55)” text_orientation=”left” background_layout=”dark” custom_padding=”40px|40px|40px|40px|true|true” locked=”off”]

We will introduce you all you need to know about China. The history, facts, climate and location, culture and language.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”New York City” hide_content=”on” hover_content_effect=”dwd-slide-down” alternative_hover_content_on_off=”on” alternative_hover_title=”New York City” alternative_hover_description=”Cityscape” alternative_hover_text_align=”left” alternative_hover_alignment=”center-bottom” alternative_hover_animation=”fade-out-bottom” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0)” overlay_gradient_color_two=”#000000″ overlay_gradient_start=”50%” alternative_hover_inner_padding=”20px|15px|20px|20px|true” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/new-york-2699520_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_style=”to-bottom” img_zoomin_hover_speed_setting=”0.6s” text_alignment=”bottom” img_define_height=”320px” use_wrapper_border=”on” wrapper_border_hover=”on” wrapper_border_width=”1px” wrapper_border_radius=”4px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” content_font=”Lato||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”18px” alt_title_text_line_height=”1.8em” alt_body_text_font=”Lato||||||||” alt_body_text_text_color=”#ffffff” alt_body_text_line_height=”1em” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,7,35,0.55)” text_orientation=”left” background_layout=”dark” custom_padding=”40px|40px|40px|40px|true|true” locked=”off”]

We will introduce you all you need to know about New York. The history, facts, climate and location, culture and language.

[/et_pb_aio_extended][et_pb_aio_extended title=”Thailand” hide_content=”on” hover_content_effect=”dwd-slide-left” alternative_hover_content_on_off=”on” alternative_hover_title=”Thailand” alternative_hover_description=”Temple” alternative_hover_text_align=”left” alternative_hover_alignment=”center-bottom” alternative_hover_animation=”fade-out-left” overlay_gradient=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0)” overlay_gradient_color_two=”rgba(0,0,0,0.31)” alternative_hover_inner_padding=”40px|40px|40px|40px|true|true” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/measure-2796812_640-1.jpg” img_zoomin_hover=”on” img_zoomin_hover_speed_setting=”0.6s” img_hover_effect=”on” img_hover_mode=”default” img_hover_effect_style=”img_hue_rotate_hover” text_alignment=”bottom” img_define_height=”320px” use_wrapper_border=”on” wrapper_border_hover=”off” wrapper_border_hover_style=”zoom-out” wrapper_border_width=”1px” wrapper_border_radius=”4px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” content_font=”Lato||||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_text_color=”#ffffff” alt_title_text_font_size=”18px” alt_title_text_line_height=”1.8em” alt_body_text_font=”Lato||||||||” alt_body_text_text_color=”#ffffff” alt_body_text_line_height=”1em” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,7,35,0.55)” text_orientation=”left” background_layout=”dark” custom_padding=”40px|40px|40px|40px|true|true” locked=”off”]

We will introduce you all you need to know about Thailand. The history, facts, climate and location, culture and language.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Some example of Tilt Effect” title_padding=”0px|0px|34px|0px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”32px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” header_line_height=”1.5em” content_font=”Lato||||||||” content_text_color=”#606060″ content_font_size=”16px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.7em” max_width=”60%” max_width_last_edited=”on|phone” module_alignment=”center” custom_padding=”0px|0px|0px|0px|true|true”]

Interactive 3D parallax tilt effects that react to mouse movement when you hover over them. Bring the attention of your visitors easily to your sites. The choice of images and background gradient should be right to make this effect even stunning.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Tilt” hide_content=”on” hover_content_effect=”dwd-fadein-down” alternative_hover_content_on_off=”on” alternative_hover_title=”Tilt” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.27)” overlay_gradient_color_two=”rgba(0,0,0,0.38)” alternative_hover_bg=”#000000″ alternative_hover_inner_padding=”2px|8px|2px|8px|true|true” img_hover_effect=”off” img_define_height=”200px” tilt_effect=”on” tilt_parallax_setting=”60px” tilt_glare=”on” tilt_glare_value=”0.3″ _builder_version=”3.3.1″ header_font=”Lato|700|||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/man-3408298_640-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” /]
[et_pb_aio_extended title=”Discussion” hide_content=”on” hover_content_effect=”dwd-fadein-down” alternative_hover_content_on_off=”on” alternative_hover_title=”Discussion” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.27)” overlay_gradient_color_two=”rgba(0,0,0,0.38)” alternative_hover_bg=”#000000″ alternative_hover_inner_padding=”2px|8px|2px|8px|true|true” img_hover_effect=”off” img_define_height=”200px” tilt_effect=”on” tilt_parallax_setting=”60px” tilt_glare=”on” tilt_glare_value=”0.3″ _builder_version=”3.3.1″ header_font=”Lato|700|||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/analyzing-3385076_640-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off” /]
[et_pb_aio_extended title=”Ideas” use_icon=”on” font_icon=”%%101%%” icon_color=”#ffffff” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” hide_content=”on” hover_content_effect=”dwd-fadein-down” alternative_hover_content_on_off=”on” alternative_hover_title=”Plan” overlay_gradient_only_hover=”on” overlay_gradient_type=”top-to-bottom” overlay_gradient_color_one=”rgba(0,0,0,0.27)” overlay_gradient_color_two=”rgba(0,0,0,0.38)” alternative_hover_bg=”#000000″ alternative_hover_inner_padding=”2px|8px|2px|8px|true|true” img_hover_effect=”off” img_define_height=”200px” tilt_effect=”on” tilt_parallax_setting=”60px” tilt_glare=”on” tilt_glare_value=”0.3″ _builder_version=”3.3.1″ header_font=”Lato|700|||||||” alt_title_text_font=”Source Sans Pro|700|||||||” alt_title_text_font_size=”12px” alt_title_text_text_shadow_style=”preset2″ alt_title_text_text_shadow_color=”rgba(0,0,0,0.12)” alt_body_text_font=”||||||||” background_image=”https://jimmycrow.info/wp-content/uploads/2018/11/people-3370833_640-1.jpg” border_radii=”on|4px|4px|4px|4px” box_shadow_style=”preset3″ box_shadow_blur=”32px” box_shadow_spread=”2px” box_shadow_color=”rgba(0,0,0,0.13)” background_layout=”dark” locked=”off” /]
[et_pb_aio_extended title=”Some real example of Animations” title_padding=”0px|0px|0px|0px” scroll_fade_column_on_off=”off” title_animation_on_off=”on” title_animation=”fadeInLeft” background_text_animation_on_off=”on” background_text_animation=”bounceIn” typing_static_break=”off” rotator_effect=”off” rotator_static_break=”off” textillate_effect=”off” use_background_text=”on” background_text=”Animation” background_text_vertical=”-75px” background_text_horizontal=”-52px” use_whole_link_video_popup=”off” animation=”fadeIn” button_one_sb_hover_on_off=”off” button_two_sb_hover_on_off=”off” cover_image_hover_animation=”none” cover_image_hover_bg_transition=”none” img_hover_effect=”off” use_wrapper_border=”off” wrapper_border_hover=”off” tilt_effect=”off” hover_push=”off” background_text_vertical_phone=”-11px” background_text_vertical_last_edited=”on|phone” background_text_horizontal_phone=”-36px” background_text_horizontal_last_edited=”on|phone” img_define_height_tablet=”550px” wrapper_border_width_tablet=”50″ _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”36px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_line_height=”1.5em” subhead_font_size_tablet=”51″ bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#ffffff” bgtext_font_size=”100px” bgtext_font_size_phone=”50px” bgtext_font_size_last_edited=”on|phone” border_color_all=”#e02b20″ border_width_left=”6px” border_color_left=”#ffeb57″ text_orientation=”left” custom_padding=”0px|0px|0px|25px” locked=”off” /]
[et_pb_aio_extended title_padding=”0px|0px|25px|0px” scroll_fade_column_on_off=”off” whole_content_animation_on_off=”on” whole_content_animation=”fadeInRight” rotator_effect=”off” background_text_vertical=”-292px” background_text_horizontal=”-23px” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”42px” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.8em” bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#eef2f7″ bgtext_font_size=”100px” text_orientation=”left” custom_padding=”0px|0px|0px|0px||true” locked=”off”]

Over 49 Animations to choose and it is by one of the most popular animation CSS framework. These animations are being applied as you scroll down the page. Apply animation to each elements from title to buttons.

[/et_pb_aio_extended]

[et_pb_aio_extended whole_content_animation_on_off=”on” whole_content_animation=”swing” image=”https://jimmycrow.info/wp-content/uploads/2018/11/dwd-perky-animation-1.png” icon_bottom_gap=”0px” fancyline_color=”#1982fc” fancyline_width=”29%” fancyline_height=”3px” fancyline_margin_top=”10px” _builder_version=”3.3.1″ border_radii_image=”on|4px|4px|4px|4px” box_shadow_style_image=”preset3″ box_shadow_blur_image=”32px” box_shadow_spread_image=”-2px” box_shadow_color_image=”rgba(0,0,0,0.13)” custom_padding=”0px|0px|0px|0px” locked=”off” /][et_pb_aio_extended title=”Animate the way you wanted. No limit for Animation.” title_padding=”0px|0px|0px|0px” scroll_fade_column_on_off=”off” whole_content_animation_on_off=”on” whole_content_animation=”jello” whole_content_animation_speed=”0.5″ rotator_effect=”off” background_text_vertical=”-144px” background_text_horizontal=”-37px” revealer_animation=”top-to-bottom” revealer_background_color=”#00caa6″ _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_font_size=”36px” header_font_size_phone=”24px” header_font_size_last_edited=”on|phone” header_line_height=”1.6em” content_font=”Lato||||||||” content_text_color=”#595972″ content_font_size=”16px” content_line_height=”1.5em” bgtext_font=”Montserrat|900|||||||” bgtext_text_color=”#ffffff” bgtext_font_size=”100px” text_orientation=”left” custom_padding=”0px|0px|0px|20px” locked=”off” /]
[et_pb_aio_extended title=”Fade in Up” title_animation_on_off=”on” title_animation=”fadeInDown” content_animation_on_off=”on” content_animation=”fadeInRight” button_one_animation_on_off=”on” button_one_animation=”zoomIn” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%138%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” image_icon_animation_on_off=”on” animation=”bounceIn” button_text=”Zoom In” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” img_hover_effect=”on” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

Remember every elements from title to button can be animated like this is the Fade in Right

[/et_pb_aio_extended][et_pb_aio_extended title=”Flip” title_animation_on_off=”on” title_animation=”flip” divider_animation_on_off=”on” divider_animation=”slideInLeft” content_animation_on_off=”on” content_animation=”flipInX” button_one_animation_on_off=”on” button_one_animation=”swing” button_one_animation_speed=”2.5″ title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%138%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” image_icon_animation_on_off=”on” animation=”bounceIn” button_text=”Swing” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” title_fancyline=”on” fancyline_color=”#1982fc” fancyline_width=”29%” fancyline_height=”3px” fancyline_margin_top=”10px” img_hover_effect=”on” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

This is the Flip in X and we delayed the button animation for 2.5 seconds later. Wait.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Bounce In Left” title_animation_on_off=”on” title_animation=”bounceInLeft” content_animation_on_off=”on” content_animation=”bounceIn” button_one_animation_on_off=”on” button_one_animation=”wobble” title_underline_on_off=”on” title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%138%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” image_icon_animation_on_off=”on” animation=”rollIn” image_icon_animation_speed=”1.5″ button_text=”Wobble” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” img_hover_effect=”on” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

This is the Bounce In and we can also set the Blurb animation to animate after 1.5 seconds later.

[/et_pb_aio_extended][et_pb_aio_extended title=”Sequence” title_animation_on_off=”on” title_animation=”fadeInLeft” title_animation_speed=”0.5″ divider_animation_on_off=”on” divider_animation=”fadeInLeft” divider_animation_speed=”1″ content_animation_on_off=”on” content_animation=”fadeInLeft” content_animation_speed=”1.5″ button_one_animation_on_off=”on” button_one_animation=”fadeInLeft” button_one_animation_speed=”2″ title_underline_style=”left-right-spread” title_underline_color=”#1982fc” title_underline_gap=”15px” use_icon=”on” font_icon=”%%138%%” icon_color=”#1982fc” icon_hover_on_off=”on” icon_hover_style=”hvr-pop” icon_alignment=”left” use_icon_font_size=”on” icon_font_size=”24px” icon_bottom_gap=”20px” image_icon_animation_on_off=”on” animation=”fadeInLeft” button_text=”Delayed” button_one_twod_hover_on_off=”on” button_one_twod_hover_style=”hvr-push” title_fancyline=”on” fancyline_color=”#1982fc” fancyline_width=”29%” fancyline_height=”3px” fancyline_margin_top=”10px” img_hover_effect=”on” hover_push=”on” _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#2f2f4f” header_line_height=”1.2em” content_font=”Lato||||||||” content_text_color=”#595972″ bgtext_font=”||||||||” bgtext_text_color=”#5e5e5e” background_color=”#ffffff” border_radii=”on|4px|4px|4px|4px” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_use_color_gradient=”on” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style=”preset3″ box_shadow_blur=”30px” box_shadow_color=”rgba(0,0,0,0.06)” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” text_orientation=”left” custom_padding=”30px|30px|30px|30px|true|true” custom_css_button_1=”padding-left: 40px !important; padding-right: 40px !important;” locked=”off”]

We set all the elements to animate 0.5 seconds for each completed animation. More like sequence.

[/et_pb_aio_extended]

[et_pb_aio_extended title=”Take a spin with Divi Perky Animate” title_padding=”0px|0px|34px|0px” content_padding=”0px|0px|20px|0px” scroll_fade_column_on_off=”on” typing_static_break=”off” rotator_effect=”off” rotator_static_break=”off” rotator_type=”bounceIn” rotator_speed=”800″ textillate_effect=”off” use_whole_link_video_popup=”off” animation=”fadeIn” button_text=”Buy Now” button_one_sb_hover_on_off=”off” button_two_sb_hover_on_off=”off” cover_image_hover_animation=”none” cover_image_hover_bg_transition=”none” overlay_gradient=”on” overlay_gradient_type=”diagonal-top” overlay_gradient_color_one=”rgba(0,0,0,0.8)” overlay_gradient_color_two=”rgba(131,0,233,0.88)” img_src=”https://jimmycrow.info/wp-content/uploads/2018/11/laptop-2443737_1920-1.jpg” img_zoomin_hover=”on” img_hover_effect=”off” content_wrapper_width=”50%” content_wrapper_width_alignment=”center” use_wrapper_border=”off” wrapper_border_hover=”off” tilt_effect=”off” hover_push=”off” content_padding_phone=”|||” content_padding_last_edited=”off|desktop” img_define_height_tablet=”550px” content_wrapper_width_phone=”80%” content_wrapper_width_last_edited=”on|phone” wrapper_border_width_tablet=”50″ _builder_version=”3.3.1″ header_font=”Lato|700|||||||” header_text_color=”#ffffff” header_font_size=”32px” header_font_size_last_edited=”off|desktop” header_line_height=”1.5em” content_font=”Lato||||||||” content_text_color=”#ffffff” content_font_size=”16px” content_font_size_phone=”14px” content_font_size_last_edited=”on|phone” content_line_height=”1.8em” subhead_font_size_tablet=”51″ bgtext_text_color=”#eeeeee” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_use_color_gradient=”on” button_two_bg_color_gradient_start=”#606cff” button_two_bg_color_gradient_end=”#419efa” button_two_bg_color_gradient_direction=”204deg” button_two_border_width=”0px” button_two_border_color=”rgba(255,255,255,0)” button_two_border_radius=”4px” button_two_font=”Lato||||||||” button_two_use_icon=”off” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#000000″ button_one_bg_color=”#ffffff” button_one_bg_color_gradient_start=”#606cff” button_one_bg_color_gradient_end=”#419efa” button_one_bg_color_gradient_direction=”204deg” button_one_border_width=”0px” button_one_border_color=”rgba(255,255,255,0)” button_one_border_radius=”4px” button_one_font=”Lato||||||||” button_one_use_icon=”off” button_one_text_size_phone=”14px” button_one_text_size_last_edited=”on|phone” box_shadow_style_button_two=”preset3″ box_shadow_blur_button_two=”17px” box_shadow_spread_button_two=”-5px” box_shadow_color_button_two=”rgba(65,158,250,0.24)” box_shadow_style_button_one=”preset3″ box_shadow_blur_button_one=”17px” box_shadow_spread_button_one=”-5px” box_shadow_color_button_one=”rgba(65,158,250,0.24)” background_layout=”dark” max_width_last_edited=”off|desktop” module_alignment=”right” custom_padding=”120px|0px|120px|0px|true|true” custom_padding_phone=”80px||80px||true” custom_padding_last_edited=”on|phone” custom_css_button_1=”padding-left:30px !important; padding-right:30px !important;”]

With Divi Perky Animate, there’s no limit of what can be achieved. Create beautiful, subtle effects. Enhance the look and feel of your website and make it more obvious and alive. There are more than the above demo. Such as Video Popup, Making Entire Div as a link and more!

[/et_pb_aio_extended]