按钮

[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”24″ font_weight=”bold” letter_spacing=”2″ margin_top=”40″ margin_bottom=”0″ align=”center” font_style=”inhert” font_family=”none”]

5个自定义的按钮

[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”25″ align=”center” border_color=”#f97352″ thickness=”3″ margin_top=”15″ margin_bottom=”35″]


在5种漂亮且动画的按钮样式之间选择,拥有角度定义和按钮悬停颜色的功能。


[mk_divider divider_width=”full_width” custom_width=”10″ align=”center” border_color=”#ebebeb” thickness=”1″ margin_top=”30″ margin_bottom=”0″ style=”thin_solid”]
[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left” font_style=”inhert” font_family=”none”]

3D 按钮

[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”three” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

尖角按钮

[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

圆角按钮

[/mk_button][mk_button dimension=”three” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

全圆角按钮

[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带图标的

[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带动画按钮

[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

垂直动画按钮

[/mk_button]


[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left” font_style=”inhert” font_family=”none”]

2D 按钮

[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”two” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

尖角按钮

[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

圆角按钮

[/mk_button][mk_button dimension=”two” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

全圆角按钮

[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带图标的

[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带动画按钮

[/mk_button][mk_button dimension=”two” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#978eb4″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

垂直动画按钮

[/mk_button]


[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left” font_style=”inhert” font_family=”none”]

扁平按钮

[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”flat” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

尖角按钮

[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

圆角按钮

[/mk_button][mk_button dimension=”flat” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

全圆角按钮

[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带图标的

[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带动画按钮

[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

垂直动画按钮

[/mk_button]


[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left” font_style=”inhert” font_family=”none”]

轮廓按钮

[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”outline” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

尖角按钮

[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

圆角按钮

[/mk_button][mk_button dimension=”outline” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

全圆角按钮

[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带图标的

[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带动画按钮

[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

垂直动画按钮

[/mk_button]


[mk_page_section layout_structure=”full” bg_color=”#555555″ attachment=”scroll” bg_position=”left top” bg_repeat=”repeat” bg_stretch=”false” enable_3d=”false” speed_factor=”0.3″ bg_video=”no” video_mask=”false” video_opacity=”0.6″ top_shadow=”false” section_layout=”full” sidebar=”sidebar-1″ min_height=”100″ full_height=”false” intro_effect=”false” padding_top=”50″ padding_bottom=”40″ margin_bottom=”0″ first_page=”false” last_page=”false”]
[mk_custom_box border_width=”1″ bg_color=”#555555″ bg_position=”left top” bg_repeat=”repeat” bg_stretch=”false” padding_vertical=”40″ padding_horizental=”40″ margin_bottom=”0″ min_height=”100″]
[mk_button dimension=”outline” corner_style=”pointed” size=”medium” outline_skin=”light” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

尖角按钮

[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium” outline_skin=”custom” outline_active_color=”#71d3cf” outline_hover_color=”#444444″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

圆角按钮

[/mk_button][mk_button dimension=”outline” corner_style=”full_rounded” size=”medium” outline_skin=”custom” outline_active_color=”#e6d459″ outline_hover_color=”#444444″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

全圆角按钮

[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”medium” outline_skin=”custom” outline_active_color=”#5adff3″ outline_hover_color=”#444444″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带图标的

[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” outline_skin=”custom” outline_active_color=”#b3e24e” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带动画按钮

[/mk_button][mk_button dimension=”outline” corner_style=”rounded” size=”large” outline_skin=”custom” outline_active_color=”#ff6b6b” outline_hover_color=”#444444″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

垂直动画按钮

[/mk_button][/mk_custom_box]

[/mk_page_section]
[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left” font_style=”inhert” font_family=”none”]

特色按钮

[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”savvy” corner_style=”pointed” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

尖角按钮

[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

圆角按钮

[/mk_button][mk_button dimension=”savvy” corner_style=”full_rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

全圆角按钮

[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带图标的

[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带动画按钮

[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

垂直动画按钮

[/mk_button]


[mk_page_section layout_structure=”full” bg_color=”#555555″ attachment=”scroll” bg_position=”left top” bg_repeat=”repeat” bg_stretch=”false” enable_3d=”false” speed_factor=”0.3″ bg_video=”no” video_mask=”false” video_opacity=”0.6″ top_shadow=”false” section_layout=”full” sidebar=”sidebar-1″ min_height=”100″ full_height=”false” intro_effect=”false” padding_top=”50″ padding_bottom=”40″ margin_bottom=”0″ first_page=”false” last_page=”false”]
[mk_custom_box border_width=”1″ bg_color=”#555555″ bg_position=”left top” bg_repeat=”repeat” bg_stretch=”false” padding_vertical=”40″ padding_horizental=”40″ margin_bottom=”0″ min_height=”100″]
[mk_button dimension=”savvy” corner_style=”pointed” size=”medium” outline_skin=”light” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

尖角按钮

[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium” outline_skin=”custom” outline_active_color=”#71d3cf” outline_hover_color=”#444444″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

圆角按钮

[/mk_button][mk_button dimension=”savvy” corner_style=”full_rounded” size=”medium” outline_skin=”custom” outline_active_color=”#e6d459″ outline_hover_color=”#444444″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″]

全圆角按钮

[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”medium” outline_skin=”custom” outline_active_color=”#5adff3″ outline_hover_color=”#444444″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带图标的

[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” outline_skin=”custom” outline_active_color=”#b3e24e” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”side” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

带动画按钮

[/mk_button][mk_button dimension=”savvy” corner_style=”rounded” size=”large” outline_skin=”custom” outline_active_color=”#ff6b6b” outline_hover_color=”#444444″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”false” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

垂直动画按钮

[/mk_button][/mk_custom_box]

[/mk_page_section]
[mk_fancy_title tag_name=”h2″ style=”false” color=”#333333″ size=”16″ font_weight=”bold” txt_transform=”uppercase” letter_spacing=”2″ margin_top=”60″ margin_bottom=”0″ align=”left”]

全宽按钮

[/mk_fancy_title][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”30″ align=”left” border_color=”#f97352″ thickness=”3″ margin_top=”10″ margin_bottom=”35″]

[mk_button dimension=”outline” corner_style=”rounded” size=”medium” outline_skin=”custom” outline_active_color=”#2c7fb1″ outline_hover_color=”#ffffff” bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”none” target=”_self” align=”left” fullwidth=”true” margin_top=”0″ margin_bottom=”15″]

圆角按钮

[/mk_button][mk_button dimension=”flat” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#57c8c3″ btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”true” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

垂直动画按钮

[/mk_button][mk_button dimension=”three” corner_style=”rounded” size=”large” outline_skin=”dark” outline_active_color=”#ffffff” outline_hover_color=”#333333″ bg_color=”#ff6b6b” btn_hover_bg=”#252525″ text_color=”light” icon_anim=”vertical” target=”_self” align=”left” fullwidth=”true” margin_top=”0″ margin_bottom=”15″ icon=”mk-moon-download”]

垂直动画按钮

[/mk_button]

Comments are closed.

普人特福的博客cnzz&51la for wordpress,cnzz for wordpress,51la for wordpress