Animated Banner

Create animated banners for an original and creative effect. You can customize the banners with unlimited options, choosing different icons and colors and setting one of the 8 available animations.

[banner type=”switch-text” width=”0″ height=”92″ target=”0″ title=”CUSTOMER SUPPORT” subtitle=”+39 099 3872″ icon=”phone” style=”no” title_size=”23″ title_size_hover=”21″ subtitle_size=”21″ subtitle_size_hover=”30″ icon_size=”50″ icon_size_hover=”52″ background=”#ffffff” border=”#e0e0e0″ color_icon=”#1f1f1f” color_title=”#000000″ color_subtitle=”#d3a310″ background_hover=”#f0f0f0″ border_hover=”#e0e0e0″ color_icon_hover=”#d3a310″ color_title_hover=”#000000″ color_subtitle_hover=”#d3a310″]

[banner type=”switch-text” width=”0″ height=”92″ target=”0″ title=”HAPPY CUSTOMER” subtitle=”Read the Testimonials” icon=”comment-o” style=”no” title_size=”23″ title_size_hover=”21″ subtitle_size=”16″ subtitle_size_hover=”26″ icon_size=”50″ icon_size_hover=”52″ background=”#ffffff” border=”#e0e0e0″ color_icon=”#1f1f1f” color_title=”#000000″ color_subtitle=”#d3a310″ background_hover=”#f0f0f0″ border_hover=”#e0e0e0″ color_icon_hover=”#d3a310″ color_title_hover=”#000000″ color_subtitle_hover=”#d3a310″]

[banner type=”zoom-box” width=”0″ height=”92″ target=”0″ title=”ANOTHER EXAMPLE” subtitle=”with a small tagline” icon=”shopping-cart” style=”no” title_size=”24″ title_size_hover=”30″ subtitle_size=”14″ subtitle_size_hover=”18″ icon_size=”35″ icon_size_hover=”40″ background=”#000000″ border=”#0a0a0a” color_icon=”#ffffff” color_title=”#f9b222″ color_subtitle=”#e0e0e0″ background_hover=”#ce8744″ border_hover=”#ce8744″ color_icon_hover=”#ffffff” color_title_hover=”#ffffff” color_subtitle_hover=”#ffbd3a”]

[banner type=”zoom-left” width=”0″ height=”92″ url=”#” target=”0″ title=”LOVE THIS THEME” subtitle=”IS AMAZING :)” icon=”quote-left” style=”no” title_size=”24″ title_size_hover=”30″ subtitle_size=”14″ subtitle_size_hover=”18″ icon_size=”35″ icon_size_hover=”40″ background=”#f7c104″ border=”#f7c104″ color_icon=”#b46601″ color_title=”#000000″ color_subtitle=”#b46601″ background_hover=”#d3d3d3″ border_hover=”#d3d3d3″ color_icon_hover=”#050505″ color_title_hover=”#686868″ color_subtitle_hover=”#3d3d3d”]

[box_title font_size=”15″ font_alignment=”center” border=”middle” border_color=”#CDCDCD”]SHORTCODE ATTRIBUTES[/box_title]

type: the type of the animation
width: width of the banner
height: height of the banner
url: the url of the link
target: the target of the link
title: banner’ s title
title size: the font size of the title
title size hover: the font size of the title when mouse is hover
subtitle: banner’ s subtitle
subtitle size: the font size of the subtitle
subtitle size hover: the font size of the subtitle when mouse is hover
icon: awesome icon inside banner
icon size: the font size of the awesome icon
icon size hover: the font size of the awesome icon when mouse is hover

background color: the background color of the banner
background color hover: the background color of the banner when mouse is hover
background image: the background image of the banner
border color: the border color of the banner
border color hover: the border color of the banner when mouse is hover
color title: the color of the title
color title hover: the color of the title when mouse is hover
color subtitle: the color of the subtitle
color subtitle hover: the color of the subtitle when mouse is hover
color icon: the color of the icon
color icon hover: the color of the icon when mouse is hover