按钮简码

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

任意拼装
点击这里
现在购买

无限颜色

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

彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色
彩色

4种按钮大小

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

小按钮
中按钮
大按钮
超大按钮

2种按钮类型

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

超级圆润扁平按钮
令人瞠目的3D按钮

3种按钮形状

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

方形
丸形
圆形

完全边框控制

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

0像素边框
1像素边框
2像素边框
3像素边框
4像素边框
5像素边框
6像素边框
7像素边框

按钮图标

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吧!

BUY AVADA NOW!