按钮简码
Matto包含一些令人惊艳的按钮选项。按钮是一个网站的组成部分,我们确信,你一定需要添加一些漂亮的按钮到你网站的任何页面。从4种大小、3种形状、扁平或3D风格、无限颜色、边框宽度、图标、分隔符和动画及在模态弹出打开来选择。
无限颜色
控制所有颜色,如背景、悬停背景、强调色(边框、文字、图标、分隔符),悬停调色和3D级别。
4种按钮大小
Avada按钮有4种不同的大小,你可以选择小、中、大、超大的按钮供你使用。
2种按钮类型
选择一个超级圆滑扁平样式按钮,或令人叹为观止的3D按钮。
3种按钮形状
Mattco按钮有3种不同的形状:方形、圆形和药丸形
完全边框控制
Mattco允许控制边框宽度和边框颜色。
按钮图标
Mattco按钮集成了完整的font awesome图标。你可以选择图标位置、颜色和分隔线
按钮动画
为按钮使用平滑的CSS3动画。5种动画类型,4种方向,带速度控制。
完整设置选项
以下包含按钮简码的所有选项和描述
链接 – 这是你按钮直接链接到哪里。包括http://。例如:http://www.wxlinking.com
- 颜色 – 可以使用这些值:默认、自定义、绿色、深绿、橙色、蓝色、红色、粉色、深灰或浅灰。为高级选项选择自定义值。使用主题选项值请选择默认。设置按钮颜色。
大小 – 可以使用这些值:默认、小、中、大或超大。这设置按钮大小。使用主题选项设置请选择默认。设置按钮大小。
- 类型 – 可以使用这些值:默认、扁平或3D。设置按钮类型。要使用主题选项值请选择默认。
- 形状 – 可以使用这些值:默认、方形、丸形、圆形。设置按钮形状。要使用主题选项值请选择默认。
- 目标 – 可以使用这些值: _blank 用于新窗口打开,或 _self 用于同一窗口打开。
- 标题 – 设置按钮链接标题属性。例如:首页
- 渐变颜色 – 仅自定义设置。接受16进制颜色 ( #000000 ) 或 RGBA 值 ( rgba(0,0,0,0) ). 设置背景渐变上下颜色
- 渐变悬停颜色 – 仅自定义设置。接受16进制颜色 ( #000000 ) 或 RGBA 值 ( rgba(0,0,0,0) ). 设置背景渐变上下悬停颜色。
- 强调色 – 仅自定义设置。接受16进制颜色 ( #000000 ) 或 RGBA 值 ( rgba(0,0,0,0) ). 设置按钮边框、分隔、文字和图标颜色。
- 强调悬停颜色 – 仅自定义设置。接受16进制颜色 ( #000000 ) 或 RGBA 值 ( rgba(0,0,0,0) ). 设置按钮边框、分隔、文字和图标悬停颜色。
- 斜角颜色 – 仅自定义设置。接受16进制颜色 ( #000000 ). 设置3D按钮斜角颜色。
- 边框宽度 – 仅自定义设置。接受像素值。例如:1px
- 阴影 – 可以使用这些值:默认、是或否。这将启用或禁用阴影。要使用主题选项值请选择默认。
- 图标 – font awesome 图标值。例如: fa-glass.
- 图标分隔 – 可以使用这些值:是或否。这将显示或隐藏图标和文字之间的分隔线
- 图标位置 – 可以使用这些值。左或右。设置按钮图标位置。
- 模态 – 模态简码唯一名字,允许按钮触发模态窗口
- 动画类型 – 可以使用这些值:无、弹跳、淡入、闪、抖动或滑动。设置简码使用的动画。
- 动画方向 – 可以使用这些值:下、右、左或上。设置动画方向。
- 动画速度 – 接受这些值从 .1, 慢, 到 1, 快
- 对齐 – 可以使用这些值:左、中或右,设置按钮对齐方式。
- class – 添加包装HTML自定义class
- id – 添加包装HTML自定义 id