Hover Buttons

Supreme Shortcodes new buttons on hover effect

Supreme Team is proud to introduce you the NEW and POWERFUL button styles!


Beside the regular styles for our 3D button, we’ve added some cool new features. Now, you can add different border radius to your existing 3D buttons and choose from one more size: JUMBO!
Please see below, some new styles for buttons we’ve made for you. They are available in both: standalone version of the plugin and as Visual Composer addon. Yay!



Arrows







Fly in left
[st_hover_arrows_button text_color=’#333333′ link=’#’ background=” size=’normal’ target=’_self’ icon=” border_radius=’500px’ arrow_direction=’fly-in-left’]Arrows[/st_hover_arrows_button]

Fly in right
[st_hover_arrows_button text_color=’#333333′ link=’#’ background=” size=’normal’ target=’_self’ icon=” border_radius=’500px’ arrow_direction=’fly-in-right’]Arrows[/st_hover_arrows_button]

Fly out left
[st_hover_arrows_button text_color=’#333333′ link=’#’ background=” size=’normal’ target=’_self’ icon=” border_radius=’500px’ arrow_direction=’fly-out-left’]Arrows[/st_hover_arrows_button]

Fly out right
[st_hover_arrows_button text_color=’#333333′ link=’#’ background=” size=’normal’ target=’_self’ icon=” border_radius=’500px’ arrow_direction=’fly-out-right’]Arrows[/st_hover_arrows_button]




Diagonal








Small
[st_hover_fancy_icon_button text_color=’#ffffff’ link=’#’ background=’#f1c40f’ size=’small’ target=’_self’ icon=’apple’ icon_background=’#f39c12′ icon_position=’ss-icon-right’ icon_separator=’ss-sep-diagonal’ border_radius=’0px’]Diagonal[/st_hover_fancy_icon_button]

Normal
[st_hover_fancy_icon_button text_color=’#ffffff’ link=’#’ background=’#f1c40f’ size=’normal’ target=’_self’ icon=’apple’ icon_background=’#f39c12′ icon_position=’ss-icon-right’ icon_separator=’ss-sep-diagonal’ border_radius=’0px’]Diagonal[/st_hover_fancy_icon_button]

Large
[st_hover_fancy_icon_button text_color=’#ffffff’ link=’#’ background=’#f1c40f’ size=’large’ target=’_self’ icon=’apple’ icon_background=’#f39c12′ icon_position=’ss-icon-right’ icon_separator=’ss-sep-diagonal’ border_radius=’0px’]Diagonal[/st_hover_fancy_icon_button]

Jumbo
[st_hover_fancy_icon_button text_color=’#ffffff’ link=’#’ background=’#f1c40f’ size=’jumbo’ target=’_self’ icon=’apple’ icon_background=’#f39c12′ icon_position=’ss-icon-right’ icon_separator=’ss-sep-diagonal’ border_radius=’0px’]Diagonal[/st_hover_fancy_icon_button]