Sélectionner une page
[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 » use_whole_link_video_popup= »off » 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 » title_fancyline= »on » fancyline_color= »#2f2f4f » fancyline_margin_top= »30px » img_hover_effect= »off » img_define_height= »630px » use_wrapper_border= »off » tilt_effect= »off » hover_push= »off » img_define_height_tablet= » » 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_letter_spacing= »-1px » header_line_height= »1.1em » content_font= »Lato|||||||| » content_text_color= »#595972″ content_font_size= »18px » content_line_height= »1.5em » 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 » 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 » text_orientation= »left » custom_padding= »0px|0px|0px|0px|true|true » header_font_size_tablet= » » header_font_size_phone= »44px » header_font_size_last_edited= »on|phone » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone » content_line_height_tablet= » » content_line_height_phone= »1.8em » content_line_height_last_edited= »on|phone » button_two_text_size_tablet= » » button_two_text_size_phone= »14px » button_two_text_size_last_edited= »on|phone » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_subtitle= »margin-bottom:15px; border-radius:4px; » custom_css_button_1= »padding-left: 25px !important; padding-right: 25px !important; » 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) »]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://dalyn-conseil.fr/wp-content/uploads/2020/11/dwd-perky-animate-mockup-hero-1.png » icon_bottom_gap= »0px » img_define_height= »630px » img_define_height_tablet= » » img_define_height_phone= »200px » img_define_height_last_edited= »on|phone » _builder_version= »3.3.1″ custom_padding= »0px|0px|0px|0px » 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) »][/et_pb_aio_extended]
[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 » content_font= »Lato|||||||| » content_text_color= »#606060″ content_font_size= »16px » content_line_height= »1.6em » max_width= »60% » max_width_tablet= » » max_width_phone= » » max_width_last_edited= »on|phone » module_alignment= »center » custom_padding= »0px|0px|0px|0px|true|true » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone »]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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 30px !important; padding-right: 30px !important; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » use_wrapper_border= »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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » use_background_text= »on » background_text= »Text » background_text_vertical= »-71px » background_text_horizontal= »-52px » background_text_vertical_tablet= » » 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_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 » text_orientation= »left » custom_padding= »0px|0px|0px|25px » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » border_color_all= »#e02b20″ border_width_left= »6px » border_color_left= »#ffeb57″][/et_pb_aio_extended]
[et_pb_aio_extended title_padding= »0px|0px|25px|0px » scroll_fade_column_on_off= »off » _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_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 » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone »]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 » 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 » 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; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » 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; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » 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; » border_radii= »on|4px|4px|4px|4px » 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) »]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 » 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 » 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; » border_radii= »on|4px|4px|4px|4px » 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) »]Lorem Ipsum is simply dummy text of the printing and typesetting industry.
[/et_pb_aio_extended]
[et_pb_aio_extended image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/dwd-perky-typing-1.png » icon_bottom_gap= »0px » img_define_height= »565px » img_define_height_tablet= » » img_define_height_phone= »100% » img_define_height_last_edited= »on|phone » _builder_version= »3.3.1″ custom_padding= »0px|0px|0px|0px » 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) »][/et_pb_aio_extended]
[et_pb_aio_extended title_padding= »0px|0px|25px|0px » scroll_fade_column_on_off= »off » _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_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 » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone » 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 » use_background_text= »on » background_text= »Cover » background_text_vertical= »18px » background_text_horizontal= »-52px » use_whole_link_video_popup= »off » button_one_sb_hover_on_off= »off » button_two_sb_hover_on_off= »off » img_hover_effect= »off » use_wrapper_border= »off » tilt_effect= »off » hover_push= »off » background_text_vertical_tablet= » » background_text_vertical_phone= »-8px » background_text_vertical_last_edited= »on|phone » background_text_horizontal_tablet= » » 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_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 » text_orientation= »left » custom_padding= »0px|0px|0px|25px » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » subhead_font_size_tablet= »51″ bgtext_font_size_tablet= » » bgtext_font_size_phone= »60px » bgtext_font_size_last_edited= »on|phone » border_color_all= »#e02b20″ border_width_left= »6px » border_color_left= »#ffeb57″ locked= »off »][/et_pb_aio_extended]
[et_pb_aio_extended image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/dwd-perky-cover-image-1.png » icon_bottom_gap= »0px » _builder_version= »3.3.1″ custom_padding= »0px|0px|0px|0px » 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) » locked= »off »][/et_pb_aio_extended][et_pb_aio_extended title= »Cover Image Hover Transition » 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://dalyn-conseil.fr/wp-content/uploads/2020/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″ 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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » content_font_size_phone= »14px » content_font_size_last_edited= »off|desktop » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/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 » 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 » text_orientation= »left » custom_padding= »20px|20px|20px|20px|true|true » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »off|desktop » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/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 » 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 » text_orientation= »left » custom_padding= »20px|20px|20px|20px|true|true » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/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 » 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 » text_orientation= »left » custom_padding= »20px|20px|20px|20px|true|true » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/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 » 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 » text_orientation= »left » custom_padding= »20px|20px|20px|20px|true|true » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/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 » 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 » text_orientation= »left » custom_padding= »20px|20px|20px|20px|true|true » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/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 » 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 » text_orientation= »left » custom_padding= »20px|20px|20px|20px|true|true » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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 » use_background_text= »on » background_text= »Revealer » background_text_vertical= »-76px » background_text_horizontal= »-52px » use_whole_link_video_popup= »off » button_one_sb_hover_on_off= »off » button_two_sb_hover_on_off= »off » img_hover_effect= »off » use_wrapper_border= »off » tilt_effect= »off » hover_push= »off » background_text_vertical_tablet= » » background_text_vertical_phone= »-12px » background_text_vertical_last_edited= »on|phone » background_text_horizontal_tablet= » » 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_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 » text_orientation= »left » custom_padding= »0px|0px|0px|25px » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » subhead_font_size_tablet= »51″ bgtext_font_size_tablet= » » bgtext_font_size_phone= »60px » bgtext_font_size_last_edited= »on|phone » border_color_all= »#e02b20″ border_width_left= »6px » border_color_left= »#ffeb57″][/et_pb_aio_extended]
[et_pb_aio_extended title_padding= »0px|0px|25px|0px » scroll_fade_column_on_off= »off » _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_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 » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone »]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://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-2559707_1280-1.jpg » img_define_height= »320px » revealer_animation_on_off= »on » revealer_background_color= »#1982fc » _builder_version= »3.3.1″ custom_padding= »0px|0px|0px|0px|true|true » 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) »][/et_pb_aio_extended][et_pb_aio_extended img_src= »https://dalyn-conseil.fr/wp-content/uploads/2020/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″ custom_padding= »0px|0px|0px|0px|true|true » 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) »][/et_pb_aio_extended]
[et_pb_aio_extended img_src= »https://dalyn-conseil.fr/wp-content/uploads/2020/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″ custom_padding= »0px|0px|0px|0px|true|true » 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) »][/et_pb_aio_extended][et_pb_aio_extended img_src= »https://dalyn-conseil.fr/wp-content/uploads/2020/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″ custom_padding= »0px|0px|0px|0px|true|true » 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) »][/et_pb_aio_extended]
[et_pb_aio_extended image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/dwd-revealer-1.png » icon_bottom_gap= »0px » revealer_animation_on_off= »on » _builder_version= »3.3.1″ custom_margin= »||| » custom_padding= »0px|12px|15px|12px||true » 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) » locked= »off »][/et_pb_aio_extended][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 » 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_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 » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » locked= »off »][/et_pb_aio_extended]
[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_line_height= »1.5em » content_font= »Lato|||||||| » content_text_color= »#606060″ content_font_size= »16px » content_line_height= »1.8em » max_width= »60% » max_width_tablet= » » max_width_phone= » » max_width_last_edited= »on|phone » module_alignment= »center » custom_padding= »0px|0px|0px|0px|true|true » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone »]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://dalyn-conseil.fr/wp-content/uploads/2020/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_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) »]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://dalyn-conseil.fr/wp-content/uploads/2020/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_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) »]Fade in Left
[/et_pb_aio_extended][et_pb_aio_extended title= »Background Hover » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/achievement-3387293_640-1.jpg » img_zoomin_hover= »on » 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= »Source Sans Pro|700||||||| » alt_title_text_text_color= »#ffffff » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) »]Zoom In
[/et_pb_aio_extended][et_pb_aio_extended title= »Background Hover » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-3087585_640-1.jpg » img_zoomin_hover= »on » img_zoomin_hover_style= »to-bottom » 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= »Source Sans Pro|700||||||| » alt_title_text_text_color= »#ffffff » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) »]To Bottom
[/et_pb_aio_extended][et_pb_aio_extended title= »Hover Content » hide_content= »on » hover_content_effect= »dwd-flip-bottom » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/business-3385079_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_layout= »dark » 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) »]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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/hacking-2903156_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_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » 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) »]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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/business-3365362_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_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » 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) »]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://dalyn-conseil.fr/wp-content/uploads/2020/11/notepad-3316266_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= »Source Sans Pro|700||||||| » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-2443737_640-1.jpg » background_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/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_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) »]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://dalyn-conseil.fr/wp-content/uploads/2020/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_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » locked= »off »]Slide Up
[/et_pb_aio_extended][et_pb_aio_extended title= »Background Hover » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/macbook-577758_640-1.jpg » img_zoomin_hover= »on » img_zoomin_hover_style= »to-left » 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= »Source Sans Pro|700||||||| » alt_title_text_text_color= »#ffffff » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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 » img_src= »https://dalyn-conseil.fr/wp-content/uploads/2020/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://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-2557572_640-1.jpg » background_layout= »dark » 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) » locked= »off »]Push Up
[/et_pb_aio_extended][et_pb_aio_extended title= »Hover Content » hide_content= »on » hover_content_effect= »dwd-flip-left » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-3343894_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_layout= »dark » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/adult-2178566_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_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/organic-1280538_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= »Source Sans Pro|700||||||| » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/coding-3013602_1280-1.jpg » background_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) »]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://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-2557572_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= »Source Sans Pro|700||||||| » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-2434393_640-1.jpg » background_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/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_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/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_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » locked= »off »]Slide Down
[/et_pb_aio_extended][et_pb_aio_extended title= »Background Hover » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/analysis-3387295_640-1.jpg » img_zoomin_hover= »on » img_zoomin_hover_style= »to-right » 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= »Source Sans Pro|700||||||| » alt_title_text_text_color= »#ffffff » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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 » img_src= »https://dalyn-conseil.fr/wp-content/uploads/2020/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://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-2443735_640-1.jpg » background_layout= »dark » 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) » locked= »off »]Push Down
[/et_pb_aio_extended][et_pb_aio_extended title= »Hover Content » hide_content= »on » hover_content_effect= »dwd-flip-right » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/computer-2593921_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_layout= »dark » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/adult-2449725_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_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/apple-1851464_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= »Source Sans Pro|700||||||| » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/organic-1280537_640-1.jpg » background_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-2559958_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= »Source Sans Pro|700||||||| » alt_title_text_text_color= »#2f2f4f » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/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_body_text_font= »|||||||| » bgtext_font= »|||||||| » bgtext_text_color= »#eeeeee » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/student-849825_640-1.jpg » img_hover_effect= »on » img_hover_effect_style= »img_hue_rotate_hover » 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_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » locked= »off »]Slide Right
[/et_pb_aio_extended][et_pb_aio_extended title= »Background Hover » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/office-583839_640-1.jpg » img_zoomin_hover= »on » img_zoomin_hover_style= »to-top » 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= »Source Sans Pro|700||||||| » alt_title_text_text_color= »#ffffff » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/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://dalyn-conseil.fr/wp-content/uploads/2020/11/youtuber-2838929_1280-1.jpg » background_layout= »dark » 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) » locked= »off »]Push Left
[/et_pb_aio_extended][et_pb_aio_extended title= »Hover Content » hide_content= »on » hover_content_effect= »dwd-flip-up » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/laptop-3335722_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_layout= »dark » 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) » 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 » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/alternative-energy-3382791_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_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/business-3239669_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= »Source Sans Pro|700||||||| » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/the-conference-3248255_640-1.jpg » background_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/achievement-3387293_6401-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= »Source Sans Pro|700||||||| » alt_title_text_font_size= »12px » alt_body_text_font= »|||||||| » background_layout= »dark » custom_padding= »30px|40px|30px|40px|true|true » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » 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 » use_background_text= »on » background_text= »Border » background_text_vertical= »-149px » background_text_horizontal= »-43px » background_text_vertical_tablet= » » 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_line_height= »1.2em » content_font= »Lato|||||||| » content_text_color= »#eef2f7″ content_font_size= »16px » content_line_height= »1.5em » bgtext_font= »Montserrat|900||||||| » bgtext_text_color= »#1982fc » bgtext_font_size= »100px » text_orientation= »left » background_layout= »dark » max_width= »55% » max_width_tablet= » » max_width_phone= » » max_width_last_edited= »on|desktop » module_alignment= »center » custom_padding= »0px|0px|0px|25px » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone » content_line_height_tablet= » » content_line_height_phone= »1.7em » content_line_height_last_edited= »on|phone » bgtext_font_size_tablet= » » bgtext_font_size_phone= »72px » bgtext_font_size_last_edited= »on|phone » border_color_all= »#e02b20″ border_width_left= »6px » border_color_left= »#ffeb57″]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://dalyn-conseil.fr/wp-content/uploads/2020/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 » text_orientation= »left » background_layout= »dark » custom_padding= »40px|40px|40px|40px|true|true » border_radii= »on|4px|4px|4px|4px » box_shadow_style= »preset3″ box_shadow_color= »rgba(0,7,35,0.55) »]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://dalyn-conseil.fr/wp-content/uploads/2020/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_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 » text_orientation= »left » background_layout= »dark » custom_padding= »40px|40px|40px|40px|true|true » border_radii= »on|4px|4px|4px|4px » box_shadow_style= »preset3″ box_shadow_color= »rgba(0,7,35,0.55) »]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 » 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% » img_src= »https://dalyn-conseil.fr/wp-content/uploads/2020/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_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 » text_orientation= »left » background_layout= »dark » custom_padding= »40px|40px|40px|40px|true|true » border_radii= »on|4px|4px|4px|4px » box_shadow_style= »preset3″ box_shadow_color= »rgba(0,7,35,0.55) » 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://dalyn-conseil.fr/wp-content/uploads/2020/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 » text_orientation= »left » background_layout= »dark » custom_padding= »40px|40px|40px|40px|true|true » border_radii= »on|4px|4px|4px|4px » box_shadow_style= »preset3″ box_shadow_color= »rgba(0,7,35,0.55) » 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://dalyn-conseil.fr/wp-content/uploads/2020/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 » text_orientation= »left » background_layout= »dark » custom_padding= »40px|40px|40px|40px|true|true » border_radii= »on|4px|4px|4px|4px » box_shadow_style= »preset3″ box_shadow_color= »rgba(0,7,35,0.55) » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/measure-2796812_640-1.jpg » img_zoomin_hover= »on » 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_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 » text_orientation= »left » background_layout= »dark » custom_padding= »40px|40px|40px|40px|true|true » border_radii= »on|4px|4px|4px|4px » box_shadow_style= »preset3″ box_shadow_color= »rgba(0,7,35,0.55) » 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_line_height= »1.5em » content_font= »Lato|||||||| » content_text_color= »#606060″ content_font_size= »16px » content_line_height= »1.7em » max_width= »60% » max_width_tablet= » » max_width_phone= » » max_width_last_edited= »on|phone » module_alignment= »center » custom_padding= »0px|0px|0px|0px|true|true » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone »]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 » 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_body_text_font= »|||||||| » background_image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/man-3408298_640-1.jpg » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) »][/et_pb_aio_extended]
[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 » 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_body_text_font= »|||||||| » background_image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/analyzing-3385076_640-1.jpg » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » locked= »off »][/et_pb_aio_extended]
[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 » 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_body_text_font= »|||||||| » background_image= »https://dalyn-conseil.fr/wp-content/uploads/2020/11/people-3370833_640-1.jpg » background_layout= »dark » alt_title_text_text_shadow_style= »preset2″ alt_title_text_text_shadow_color= »rgba(0,0,0,0.12) » 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) » locked= »off »][/et_pb_aio_extended]
[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 » use_background_text= »on » background_text= »Animation » background_text_vertical= »-75px » background_text_horizontal= »-52px » use_whole_link_video_popup= »off » button_one_sb_hover_on_off= »off » button_two_sb_hover_on_off= »off » img_hover_effect= »off » use_wrapper_border= »off » tilt_effect= »off » hover_push= »off » background_text_vertical_tablet= » » background_text_vertical_phone= »-11px » background_text_vertical_last_edited= »on|phone » background_text_horizontal_tablet= » » 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_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 » text_orientation= »left » custom_padding= »0px|0px|0px|25px » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » subhead_font_size_tablet= »51″ bgtext_font_size_tablet= » » bgtext_font_size_phone= »50px » bgtext_font_size_last_edited= »on|phone » border_color_all= »#e02b20″ border_width_left= »6px » border_color_left= »#ffeb57″ locked= »off »][/et_pb_aio_extended]
[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 » _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_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 » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone » 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://dalyn-conseil.fr/wp-content/uploads/2020/11/dwd-perky-animation-1.png » icon_bottom_gap= »0px » _builder_version= »3.3.1″ custom_padding= »0px|0px|0px|0px » 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) » locked= »off »][/et_pb_aio_extended][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″ _builder_version= »3.3.1″ header_font= »Lato|700||||||| » header_text_color= »#2f2f4f » header_font_size= »36px » 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 » header_font_size_tablet= » » header_font_size_phone= »24px » header_font_size_last_edited= »on|phone » locked= »off »][/et_pb_aio_extended]
[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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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″ 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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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″ 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 » 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 » text_orientation= »left » custom_padding= »30px|30px|30px|30px|true|true » button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left: 40px !important; padding-right: 40px !important; » border_radii= »on|4px|4px|4px|4px » 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) » 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 » use_whole_link_video_popup= »off » button_text= »Buy Now » button_one_sb_hover_on_off= »off » button_two_sb_hover_on_off= »off » 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://dalyn-conseil.fr/wp-content/uploads/2020/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 » tilt_effect= »off » hover_push= »off » content_padding_phone= »||| » content_padding_last_edited= »off|desktop » img_define_height_tablet= »550px » content_wrapper_width_tablet= » » 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_line_height= »1.5em » content_font= »Lato|||||||| » content_text_color= »#ffffff » content_font_size= »16px » content_line_height= »1.8em » 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 » background_layout= »dark » max_width_last_edited= »off|desktop » module_alignment= »right » custom_padding= »120px|0px|120px|0px|true|true » custom_padding_tablet= » » custom_padding_phone= »80px||80px||true » custom_padding_last_edited= »on|phone » header_font_size_last_edited= »off|desktop » content_font_size_tablet= » » content_font_size_phone= »14px » content_font_size_last_edited= »on|phone » subhead_font_size_tablet= »51″ button_one_text_size_tablet= » » button_one_text_size_phone= »14px » button_one_text_size_last_edited= »on|phone » custom_css_button_1= »padding-left:30px !important; padding-right:30px !important; » 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) »]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]