- Hover Buttons
- Image Scroller
- Icon Boxes
- Buttons
- Boxes + Callouts
- Carousel
- Contact Form
- Lines + Dividers
- Lists
- Tables
- Google Maps
- Fancybox
- Google Trends
- Google Docs
- Google Charts
- Audio
- Video
- Related
- Responsive Columns
- Retina Icons
- Progress Bars
- Tabs
- Toggle
- Tooltip + Popover + Modal
- Typography
- SVG Drawings
- Spinning Icons
- Sections - Parallax
- Animated
- Swiper
- Icon Melon
- Accordion
Supreme is proud to introduce you the NEW and POWERFUL Hover Buttons styles!
Beside the regular styles for our 3D hover button, we’ve added some cool new features. Now, you can add different border radius to your existing 3D hover buttons and choose from one more size: JUMBO!
Please see below, some new styles for hover buttons we’ve made for you. They are available in both: standalone version of the plugin and as Visual Composer addon. Yay!
Border radiusBorder radiusBorder radiusBorder radius
Border radiusBorder radiusBorder radiusBorder radius
Border radiusBorder radiusBorder radiusBorder radius
Border radiusBorder radiusBorder radiusBorder radius
Small[st_button text_color=”#ffffff” link=”#” background=”#247de3″ size=”small” target=”_self” icon=”comments” border_radius=”500px”]Border radius[/st_button]
Normal[st_button text_color=”#ffffff” link=”#” background=”#247de3″ size=”normal” target=”_self” icon=”comments” border_radius=”500px”]Border radius[/st_button]
Large[st_button text_color=”#ffffff” link=”#” background=”#247de3″ size=”large” target=”_self” icon=”comments” border_radius=”500px”]Border radius[/st_button]
Jumbo[st_button text_color=”#ffffff” link=”#” background=”#247de3″ size=”jumbo” target=”_self” icon=”comments” border_radius=”500px”]Border radius[/st_button]
Thick[st_hover_bordered_button text_color=”#ffffff” link=”#” background=”#226fbe” size=”normal” target=”_self” icon=”” border_radius=”0px” border_type=”ss-thick”]Border thick[/st_hover_bordered_button]
Dashed[st_hover_bordered_button text_color=”#ffffff” link=”#” background=”#226fbe” size=”normal” target=”_self” icon=”” border_radius=”0px” border_type=”ss-dashed”]Border dashed[/st_hover_bordered_button]
Dotted[st_hover_bordered_button text_color=”#ffffff” link=”#” background=”#226fbe” size=”normal” target=”_self” icon=”” border_radius=”0px” border_type=”ss-dotted”]Border dotted[/st_hover_bordered_button]
Double[st_hover_bordered_button text_color=”#ffffff” link=”#” background=”#226fbe” size=”normal” target=”_self” icon=”” border_radius=”0px” border_type=”ss-double”]Border double[/st_hover_bordered_button]
Simple fill in[st_hover_fill_button text_color=”#333333″ link=”#” background=”#ffffff” hover_background=”#333333″ size=”jumbo” target=”_self” icon=”bell” border_radius=”0px” hover_direction=”ss-expand-c”]Simple fill in[/st_hover_fill_button]
Top to bottom[st_hover_fill_button text_color=”#333333″ link=”#” background=”#ffffff” hover_background=”#333333″ size=”jumbo” target=”_self” icon=”bell” border_radius=”0px” hover_direction=”ss-expand-c”]Top to bottom[/st_hover_fill_button]
Left to right[st_hover_fill_button text_color=”#333333″ link=”#” background=”#ffffff” hover_background=”#333333″ size=”jumbo” target=”_self” icon=”bell” border_radius=”0px” hover_direction=”ss-expand-c”]Left to right[/st_hover_fill_button]
Expand horizontal[st_hover_fill_button text_color=”#333333″ link=”#” background=”#ffffff” hover_background=”#333333″ size=”jumbo” target=”_self” icon=”bell” border_radius=”0px” hover_direction=”ss-expand-c”]Expand horizontal[/st_hover_fill_button]
Expand vertical[st_hover_fill_button text_color=”#333333″ link=”#” background=”#ffffff” hover_background=”#333333″ size=”jumbo” target=”_self” icon=”bell” border_radius=”0px” hover_direction=”ss-expand-c”]Expand vertical[/st_hover_fill_button]
Expand to corners[st_hover_fill_button text_color=”#333333″ link=”#” background=”#ffffff” hover_background=”#333333″ size=”jumbo” target=”_self” icon=”bell” border_radius=”0px” hover_direction=”ss-expand-c”]Expand to corners[/st_hover_fill_button]
No separator[st_hover_fancy_icon_button text_color=”#ffffff” link=”” background=”#fcad26″ size=”normal” target=”_self” icon=”beer” icon_background=”#D89119″ icon_position=”ss-icon-left” icon_separator=”ss-sep-none” border_radius=”0px”]Fancy Icon[/st_hover_fancy_icon_button]
Transparent 2 pixels separator[st_hover_fancy_icon_button text_color=”#ffffff” link=”” background=”#fcad26″ size=”normal” target=”_self” icon=”beer” icon_background=”#D89119″ icon_position=”ss-icon-left” icon_separator=”ss-sep-transparent” border_radius=”0px”]Fancy Icon[/st_hover_fancy_icon_button]
Arrow separator[st_hover_fancy_icon_button text_color=”#ffffff” link=”” background=”#fcad26″ size=”normal” target=”_self” icon=”beer” icon_background=”#D89119″ icon_position=”ss-icon-left” icon_separator=”ss-sep-arrow” border_radius=”0px”]Fancy Icon[/st_hover_fancy_icon_button]
Diagonal separator[st_hover_fancy_icon_button text_color=”#ffffff” link=”” background=”#fcad26″ size=”normal” target=”_self” icon=”beer” icon_background=”#D89119″ icon_position=”ss-icon-left” icon_separator=”ss-sep-diagonal” border_radius=”0px”]Fancy Icon[/st_hover_fancy_icon_button]
[st_hover_fancy_icon_button text_color=”#ffffff” link=”” background=”#9E54BD” size=”jumbo” target=”_self” icon=”star” icon_position=”ss-icon-top” icon_separator=”” border_radius=”10px”]Icon on top[/st_hover_fancy_icon_button]Small[st_hover_fancy_icon_button text_color=”#ffffff” link=”#” background=”#3498db” size=”small” target=”_self” icon=”apple” icon_background=”#333333″ icon_position=”ss-icon-right” icon_separator=”ss-sep-arrow” border_radius=”0px”]Arrow Icon[/st_hover_fancy_icon_button]
Normal[st_hover_fancy_icon_button text_color=”#ffffff” link=”#” background=”#3498db” size=”normal” target=”_self” icon=”apple” icon_background=”#333333″ icon_position=”ss-icon-right” icon_separator=”ss-sep-arrow” border_radius=”0px”]Arrow Icon[/st_hover_fancy_icon_button]
Large[st_hover_fancy_icon_button text_color=”#ffffff” link=”#” background=”#3498db” size=”large” target=”_self” icon=”apple” icon_background=”#333333″ icon_position=”ss-icon-right” icon_separator=”ss-sep-arrow” border_radius=”0px”]Arrow Icon[/st_hover_fancy_icon_button]
Jumbo[st_hover_fancy_icon_button text_color=”#ffffff” link=”#” background=”#3498db” size=”jumbo” target=”_self” icon=”apple” icon_background=”#333333″ icon_position=”ss-icon-right” icon_separator=”ss-sep-arrow” border_radius=”0px”]Arrow Icon[/st_hover_fancy_icon_button]
[st_hover_fancy_icon_button text_color=’#ffffff’ link=’#’ background=’#3498db’ size=’small’ target=’_self’ icon=’apple’ icon_background=’#333333′ icon_position=’ss-icon-right’ icon_separator=’ss-sep-diagonal’ border_radius=’0px’]Diagonal[/st_hover_fancy_icon_button]Coming soon..
Coming soon..
