按钮简码

Avada包含一些令人惊艳的按钮选项。按钮是一个网站的组成部分,我们确信,你一定需要添加一些漂亮的按钮到你网站的任何页面。从4种大小、3种形状、扁平或3D风格、无限颜色、边框宽度、图标、分隔符和动画及在模态弹出打开来选择。

无限颜色

控制所有颜色,如背景、悬停背景、强调色(边框、文字、图标、分隔符),悬停调色和3D级别。

4种按钮大小

Avada按钮有4种不同的大小,你可以选择小、中、大、超大的按钮供你使用。

2种按钮类型

选择一个超级圆滑扁平样式按钮,或令人叹为观止的3D按钮。

3种按钮形状

Avada按钮有3种不同的形状:方形、圆形和药丸形

完全边框控制

Avada允许控制边框宽度和边框颜色。

按钮图标

Avada按钮集成了完整的font awesome图标。你可以选择图标位置、颜色和分隔线

按钮动画

为按钮使用平滑的CSS3动画。5种动画类型,4种方向,带速度控制。

完整设置选项

以下包含按钮简码的所有选项和描述

  • 链接 – 这是你按钮直接链接到哪里。包括http://。例如:http://www.4mudi.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

现在就购买四亩地出品的Avada吧!