Creative Link Effects

Subtitle and modern effects for links or menu items

Style 1

[ult_createlink btn_link="url:%23|title:HIGHLIGHT%20BOX|" title_font_size="22" title_line_ht="34" link_hover_style="Style_1" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ffffff" border_style="solid" border_color="#333333" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" el_class="style-effect-one"]
[ult_createlink btn_link="url:%23|title:TIMELINE|" title_font_size="22" title_line_ht="34" link_hover_style="Style_1" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ffffff" border_style="solid" border_color="#333333" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" el_class="style-effect-one"]
[ult_createlink btn_link="url:%23|title:INFO%20BANNER|" title_font_size="22" title_line_ht="34" link_hover_style="Style_1" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ffffff" border_style="solid" border_color="#333333" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" el_class="style-effect-one"]
[ult_createlink btn_link="url:%23|title:GOOGLE%20TRENDS|" title_font_size="22" title_line_ht="34" link_hover_style="Style_1" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ffffff" border_style="solid" border_color="#333333" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" el_class="style-effect-one"]

Style 2

[ult_createlink btn_link="url:%23|title:JUST%20ICON|" title_font_size="22" title_line_ht="34" link_hover_style="Style_2" text_color="#566473" text_hovercolor="#566473" background_color="#ecf0f1" border_style="solid" border_color="#333333" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="style-second" css=".vc_custom_1422445271600{padding-top: 5px !important;padding-right: 20px !important;padding-bottom: 5px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:STATS%20COUNTER|" title_font_size="22" title_line_ht="34" link_hover_style="Style_2" text_color="#566473" text_hovercolor="#566473" background_color="#ecf0f1" border_style="solid" border_color="#333333" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="style-second" css=".vc_custom_1422446232253{padding-top: 5px !important;padding-right: 20px !important;padding-bottom: 5px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:COUNT%20DOWN%20TIMER|" title_font_size="22" title_line_ht="34" link_hover_style="Style_2" text_color="#566473" text_hovercolor="#566473" background_color="#ecf0f1" border_style="solid" border_color="#333333" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="style-second" css=".vc_custom_1422445305306{padding-top: 5px !important;padding-right: 20px !important;padding-bottom: 5px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:INFO%20BOX|" title_font_size="22" title_line_ht="34" link_hover_style="Style_2" text_color="#566473" text_hovercolor="#566473" background_color="#ecf0f1" border_style="solid" border_color="#333333" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="style-second" css=".vc_custom_1422445317805{padding-top: 5px !important;padding-right: 20px !important;padding-bottom: 5px !important;padding-left: 20px !important;}"]

Style 3

[ult_createlink btn_link="url:%23|title:INTERACTIVE%20BANNER|" title_font_size="22" title_line_ht="34" link_hover_style="Style_3" text_color="#ffffff" text_hovercolor="#dadada" background_color="#ecf0f1" border_style="solid" border_color="#293845" border_hovercolor="#333333" border_size="2" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="style-second" css=".vc_custom_1422448723549{padding-bottom: 5px !important;}"]
[ult_createlink btn_link="url:%23|title:INTERACTIVE%20BANNER%202|" title_font_size="22" title_line_ht="34" link_hover_style="Style_3" text_color="#ffffff" text_hovercolor="#dadada" background_color="#ecf0f1" border_style="solid" border_color="#293845" border_hovercolor="#333333" border_size="2" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="style-second" css=".vc_custom_1422448779561{padding-bottom: 5px !important;}"]
[ult_createlink btn_link="url:%23|title:PRICING%20TABLE|" title_font_size="22" title_line_ht="34" link_hover_style="Style_3" text_color="#ffffff" text_hovercolor="#dadada" background_color="#ecf0f1" border_style="solid" border_color="#293845" border_hovercolor="#333333" border_size="2" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="style-second" css=".vc_custom_1422451064957{padding-bottom: 5px !important;}"]
[ult_createlink btn_link="url:%23|title:INFO%20CIRCLE|" title_font_size="22" title_line_ht="34" link_hover_style="Style_3" text_color="#ffffff" text_hovercolor="#dadada" background_color="#ecf0f1" border_style="solid" border_color="#293845" border_hovercolor="#333333" border_size="2" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="style-second" css=".vc_custom_1422448798799{padding-bottom: 5px !important;}"]

Style 4

[ult_createlink btn_link="url:%23|title:IMAGE%20BACKGROUND|" title_font_size="22" title_line_ht="34" link_hover_style="Style_4" text_color="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#f5991a" border_hovercolor="#333333" border_size="3" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" text_hovercolor="#ffffff" css=".vc_custom_1422451729850{padding-bottom: 5px !important;}"]
[ult_createlink btn_link="url:%23|title:HORIZONTAL%20PARALLAX|" title_font_size="22" title_line_ht="34" link_hover_style="Style_4" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#f5991a" border_hovercolor="#333333" border_size="3" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" css=".vc_custom_1422454161556{padding-bottom: 5px !important;}"]
[ult_createlink btn_link="url:%23|title:PARALLAX%20EFFECT|" title_font_size="22" title_line_ht="34" link_hover_style="Style_4" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#f5991a" border_hovercolor="#333333" border_size="3" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" css=".vc_custom_1422451769784{padding-bottom: 5px !important;}"]
[ult_createlink btn_link="url:%23|title:VERTICAL%20PARALLAX|" title_font_size="22" title_line_ht="34" link_hover_style="Style_4" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#f5991a" border_hovercolor="#333333" border_size="3" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa"]

Style 5

[ult_createlink btn_link="url:%23|title:ANIMATION%20BLOCK|" title_font_size="22" title_line_ht="34" link_hover_style="Style_5" text_color="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#ffffff" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" text_hovercolor="#ffffff" css=".vc_custom_1422445611299{padding-top: 5px !important;padding-bottom: 5px !important;}"]
[ult_createlink btn_link="url:%23|title:ADVANCED%20CAROUSEL|" title_font_size="22" title_line_ht="34" link_hover_style="Style_5" text_color="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#ffffff" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" text_hovercolor="#ffffff" css=".vc_custom_1422445641242{padding-top: 5px !important;padding-bottom: 5px !important;}"]
[ult_createlink btn_link="url:%23|title:ROW%20OVERLAY%20EFFECTS|" title_font_size="22" title_line_ht="34" link_hover_style="Style_5" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#ffffff" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" css=".vc_custom_1422445679634{padding-top: 5px !important;padding-bottom: 5px !important;}"]
[ult_createlink btn_link="url:%23|title:ADVANCED%20BUTTON|" title_font_size="22" title_line_ht="34" link_hover_style="Style_5" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#ffffff" border_hovercolor="#333333" border_size="1" dot_color="#333333" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" css=".vc_custom_1422445707752{padding-top: 5px !important;padding-bottom: 5px !important;}"]

Style 6

[ult_createlink btn_link="url:%23|title:FONT%20ICON%20MANAGER|" title_font_size="22" title_line_ht="34" link_hover_style="Style_6" text_color="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#ffffff" border_hovercolor="#333333" border_size="1" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" text_hovercolor="rgba(0,0,0,0.2)"]
[ult_createlink btn_link="url:%23|title:ADVANCED%20CAROUSEL|" title_font_size="22" title_line_ht="34" link_hover_style="Style_6" text_color="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#ffffff" border_hovercolor="#333333" border_size="1" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" text_hovercolor="rgba(0,0,0,0.2)"]
[ult_createlink btn_link="url:%23|title:GOOGLE%20FONTS|" title_font_size="22" title_line_ht="34" link_hover_style="Style_6" text_color="#ffffff" text_hovercolor="rgba(0,0,0,0.2)" background_color="#ecf0f1" border_style="solid" border_color="#ffffff" border_hovercolor="#333333" border_size="1" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa"]
[ult_createlink btn_link="url:%23|title:FANCY%20TEXT%20%E2%80%93%20SLIDEUP|" title_font_size="22" title_line_ht="34" link_hover_style="Style_6" text_color="#ffffff" text_hovercolor="rgba(0,0,0,0.2)" background_color="#ecf0f1" border_style="solid" border_color="#ffffff" border_hovercolor="#333333" border_size="1" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa"]

Style 7

[ult_createlink btn_link="url:%23|title:ROW%20SEPARATOR|" title_font_size="22" title_line_ht="34" link_hover_style="Style_8" text_color="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="rgba(169,6,65,0.51)" border_hovercolor="#ffffff" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" text_hovercolor="#ffffff" el_class="border-style" css=".vc_custom_1422450726725{padding-top: 10px !important;padding-right: 20px !important;padding-bottom: 10px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:VIDEO%20TUTORIALS|" title_font_size="22" title_line_ht="34" link_hover_style="Style_8" text_color="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="rgba(169,6,65,0.51)" border_hovercolor="#ffffff" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" text_hovercolor="#ffffff" el_class="border-style" css=".vc_custom_1422450739442{padding-top: 10px !important;padding-right: 20px !important;padding-bottom: 10px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:FANCY%20TEXT%20%E2%80%93%20TYPE|" title_font_size="22" title_line_ht="34" link_hover_style="Style_8" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="rgba(169,6,65,0.51)" border_hovercolor="#ffffff" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="border-style" css=".vc_custom_1422450751569{padding-top: 10px !important;padding-right: 20px !important;padding-bottom: 10px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:FLIP%20BOX|" title_font_size="22" title_line_ht="34" link_hover_style="Style_8" text_color="#ffffff" text_hovercolor="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="rgba(169,6,65,0.51)" border_hovercolor="#ffffff" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="border-style" css=".vc_custom_1422450764411{padding-top: 10px !important;padding-right: 20px !important;padding-bottom: 10px !important;padding-left: 20px !important;}"]

Style 8

[ult_createlink btn_link="url:%23|title:INFO%20LIST|" title_font_size="22" title_line_ht="34" link_hover_style="Style_9" text_color="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#add5f7" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" text_hovercolor="#35478c"]
[ult_createlink btn_link="url:%23|title:HEADING|" title_font_size="22" title_line_ht="34" link_hover_style="Style_9" text_color="#ffffff" background_color="#ecf0f1" border_style="solid" border_color="#add5f7" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" text_hovercolor="#35478c" el_class="border-style"]
[ult_createlink btn_link="url:%23|title:MODAL|" title_font_size="22" title_line_ht="34" link_hover_style="Style_9" text_color="#ffffff" text_hovercolor="#35478c" background_color="#ecf0f1" border_style="solid" border_color="#add5f7" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="border-style"]
[ult_createlink btn_link="url:%23|title:SPACER|" title_font_size="22" title_line_ht="34" link_hover_style="Style_9" text_color="#ffffff" text_hovercolor="#35478c" background_color="#ecf0f1" border_style="solid" border_color="#add5f7" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#fafafa" el_class="border-style"]

Style 9

[ult_createlink btn_link="url:%23|title:HOVER%20PARALLAX|" title_font_size="22" title_line_ht="34" link_hover_style="Style_10" text_color="#ffffff" background_color="#3e606f" border_style="solid" border_color="#193441" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#ffffff" text_hovercolor="#7a7a7a" el_class="border-style" css=".vc_custom_1422446021031{padding-top: 12px !important;padding-right: 20px !important;padding-bottom: 12px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:UNIQUE%20ELEMENTS|" title_font_size="22" title_line_ht="34" link_hover_style="Style_10" text_color="#ffffff" background_color="#3e606f" border_style="solid" border_color="#193441" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#ffffff" text_hovercolor="#7a7a7a" el_class="border-style" css=".vc_custom_1422446517133{padding-top: 12px !important;padding-right: 20px !important;padding-bottom: 12px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:CSS3%20ANIMATIONS|" title_font_size="22" title_line_ht="34" link_hover_style="Style_10" text_color="#ffffff" background_color="#3e606f" border_style="solid" border_color="#193441" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#ffffff" text_hovercolor="#7a7a7a" el_class="border-style" css=".vc_custom_1422446042422{padding-top: 12px !important;padding-right: 20px !important;padding-bottom: 12px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:VIDEO%20BACKGROUND|" title_font_size="22" title_line_ht="34" link_hover_style="Style_10" text_color="#ffffff" background_color="#3e606f" border_style="solid" border_color="#193441" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#ffffff" text_hovercolor="#7a7a7a" el_class="border-style" css=".vc_custom_1422446060675{padding-top: 12px !important;padding-right: 20px !important;padding-bottom: 12px !important;padding-left: 20px !important;}"]

Style 10

[ult_createlink btn_link="url:%23|title:FULL%20SUPPORT|" title_font_size="22" title_line_ht="34" link_hover_style="Style_11" text_color="#ffffff" background_color="#0f7c67" border_style="solid" border_color="#193441" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#ffffff" text_hovercolor="#7a7a7a" el_class="style-ten" css=".vc_custom_1422446397211{padding-top: 10px !important;padding-right: 20px !important;padding-bottom: 10px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:TEST%20DRIVE|" title_font_size="22" title_line_ht="34" link_hover_style="Style_11" text_color="#ffffff" background_color="#0f7c67" border_style="solid" border_color="#193441" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#ffffff" text_hovercolor="#7a7a7a" el_class="style-ten" css=".vc_custom_1422446430322{padding-top: 10px !important;padding-right: 18px !important;padding-bottom: 10px !important;padding-left: 18px !important;}"]
[ult_createlink btn_link="url:%23|title:FONT%20ICONS|" title_font_size="22" title_line_ht="34" link_hover_style="Style_11" text_color="#ffffff" background_color="#0f7c67" border_style="solid" border_color="#193441" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#ffffff" text_hovercolor="#7a7a7a" el_class="style-ten" css=".vc_custom_1422446091802{padding-top: 10px !important;padding-right: 20px !important;padding-bottom: 10px !important;padding-left: 20px !important;}"]
[ult_createlink btn_link="url:%23|title:CLEAN%20CODE|" title_font_size="22" title_line_ht="34" link_hover_style="Style_11" text_color="#ffffff" background_color="#0f7c67" border_style="solid" border_color="#193441" border_hovercolor="#cccccc" border_size="2" dot_color="#ffffff" font_family="font_family:Raleway|font_call:Raleway|variant:600" heading_style="font-weight:600;" bghovercolor="#ffffff" text_hovercolor="#7a7a7a" el_class="style-ten" css=".vc_custom_1422446075232{padding-top: 10px !important;padding-right: 20px !important;padding-bottom: 10px !important;padding-left: 20px !important;}"]