Button Styles

[pexr_title tpl=”tpl3″ title=”Button Styles” title_transform=”uppercase” title_weight=”font-weight-8″ subtitle=”Apare took a galley of type and scramble to make a type specimen book only five centuries but also the into release more recently.” subtitle_weight=”font-weight-4″][/pexr_title]

Button with stroke

[pexr_button tpl=”tpl1″ size=”btn-tiny” border=”border” title=”tiny Button” el_class=”light”][pexr_button tpl=”tpl1″ size=”btn-small” border=”border” title=”small Button” el_class=”light”][pexr_button tpl=”tpl1″ size=”btn-medium” border=”border” title=”Medium Button” el_class=”light”][pexr_button tpl=”tpl1″ size=”btn-large” border=”border” title=”large Button” el_class=”light”][pexr_button tpl=”tpl1″ size=”btn-medium” rounded=”xround-1″ border=”border” title=”Button Rounded” el_class=”light”][pexr_button tpl=”tpl1″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Button Full Rounded” el_class=”light”][pexr_button tpl=”tpl1″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border Dark” el_class=”dark”][pexr_button tpl=”tpl1″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border Dark” el_class=”xdark”][pexr_button tpl=”tpl1″ size=”btn-medium” border=”border” has_icon=”true” icon=”fa fa-envira” title=”Button With Icon” el_class=”light”]
[pexr_empty_space space=”50px”]
[pexr_empty_space space=”50px”]

Buttons with Animation

[pexr_button tpl=”tpl2″ size=”btn-medium” animation=”btn-anim-1″ border=”border” has_icon=”true” icon=”fa fa-eye” title=”Animation 1″ el_class=”light”][pexr_button tpl=”tpl2″ size=”btn-medium” animation=”btn-anim-2″ border=”border” has_icon=”true” icon=”fa fa-graduation-cap” title=”Animation 2″ el_class=”light text-blue”][pexr_button tpl=”tpl2″ size=”btn-medium” animation=”btn-anim-1″ has_icon=”true” icon=”fa fa-graduation-cap” title=”Animation 1″ el_class=”btn-dark”][pexr_button tpl=”tpl2″ size=”btn-medium” animation=”btn-anim-2″ has_icon=”true” icon=”fa fa-eye” title=”Animation 3″ el_class=”btn-orange”][pexr_button tpl=”tpl2″ size=”btn-medium” animation=”btn-anim-3″ icon=”” subtitle=”Animation 3″ title=”Animation 3″ el_class=”btn-cyan”][pexr_button tpl=”tpl2″ size=”btn-medium” animation=”btn-anim-4″ icon=”” subtitle=”Animation 4″ title=”Animation 4″ el_class=”btn-cyan”]
[pexr_empty_space space=”50px”]
[pexr_empty_space space=”50px”]

Animated and Rounded Buttons

[pexr_button tpl=”tpl2″ size=”btn-medium” rounded=”xround-2″ animation=”btn-anim-1″ border=”border” has_icon=”true” icon=”fa fa-eye” title=”Animation 1″ el_class=”light”][pexr_button tpl=”tpl2″ size=”btn-medium” rounded=”xround-3″ animation=”btn-anim-2″ border=”border” has_icon=”true” icon=”fa fa-graduation-cap” title=”Animation 2″ el_class=”light text-blue”][pexr_button tpl=”tpl2″ size=”btn-medium” rounded=”xround-4″ animation=”btn-anim-1″ has_icon=”true” icon=”fa fa-graduation-cap” title=”Animation 1″ el_class=”btn-dark”][pexr_button tpl=”tpl2″ size=”btn-medium” rounded=”xround-5″ animation=”btn-anim-2″ has_icon=”true” icon=”fa fa-eye” title=”Animation 3″ el_class=”btn-orange”][pexr_button tpl=”tpl2″ size=”btn-medium” rounded=”xround-6″ animation=”btn-anim-3″ icon=”” subtitle=”Animation 3″ title=”Animation 3″ el_class=”btn-cyan”][pexr_button tpl=”tpl2″ size=”btn-medium” rounded=”xround-7″ animation=”btn-anim-4″ icon=”” subtitle=”Animation 4″ title=”Animation 4″ el_class=”btn-cyan”]
[pexr_empty_space space=”50px”]
[pexr_empty_space space=”50px”]

Color Buttons

[pexr_button tpl=”tpl3″ size=”btn-tiny” title=”Button Cyan” el_class=”btn-cyan”][pexr_button tpl=”tpl3″ size=”btn-small” title=”Button cyan dark” el_class=”btn-cyan-dark”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button green” el_class=”btn-green”][pexr_button tpl=”tpl3″ size=”btn-large” title=”Button green dark” el_class=”btn-green-dark”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button blue” el_class=”btn-blue”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button blue” el_class=”btn-blue”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button blue dark” el_class=”btn-blue-dark”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button violet” el_class=”btn-violet”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button violet dark” el_class=”btn-violet-dark”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button cello” el_class=”btn-cello”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button cello dark” el_class=”btn-cello-dark”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button yellow” el_class=”btn-yellow”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button yellow dark” el_class=”btn-yellow-dark”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button orange” el_class=”btn-orange”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button orange dark” el_class=”btn-orange-dark”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button grey” el_class=”btn-grey”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button red dark” el_class=”btn-red”][pexr_button tpl=”tpl3″ size=”btn-medium” title=”Button grey dark” el_class=”btn-grey-dark”]
[pexr_empty_space space=”50px”]
[pexr_empty_space space=”50px”]

Color 3d Buttons

[pexr_button tpl=”tpl4″ size=”btn-tiny” rounded=”xround-1″ title=”Button Cyan” el_class=”btn-cyan”][pexr_button tpl=”tpl4″ size=”btn-small” rounded=”xround-1″ title=”Button cyan dark” el_class=”btn-cyan-dark”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button green” el_class=”btn-green”][pexr_button tpl=”tpl4″ size=”btn-large” rounded=”xround-1″ title=”Button green dark” el_class=”btn-green-dark”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button blue” el_class=”btn-blue”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button blue dark” el_class=”btn-blue-dark”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button violet” el_class=”btn-violet”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button violet dark” el_class=”btn-violet-dark”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button cello” el_class=”btn-cello”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button cello dark” el_class=”btn-cello-dark”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button yellow” el_class=”btn-yellow”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button yellow dark” el_class=”btn-yellow-dark”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button orange” el_class=”btn-orange”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button orange dark” el_class=”btn-orange-dark”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button grey dark” el_class=”btn-grey-dark”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button red dark” el_class=”btn-red”][pexr_button tpl=”tpl4″ size=”btn-medium” rounded=”xround-1″ title=”Button grey” el_class=”btn-grey”]
[pexr_empty_space space=”50px”]
[pexr_empty_space space=”50px”]

Button Color borders

[pexr_button tpl=”tpl5″ size=”btn-tiny” border=”border” title=”Border Cyan” el_class=”border-cyan”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border green” el_class=”border-green”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border blue” el_class=”border-blue”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border violet” el_class=”border-violet”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border cello” el_class=”border-cello”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border yellow” el_class=”border-yellow”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border orange” el_class=”border-orange”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border red” el_class=”border-red”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border grey” el_class=”border-grey”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border dark” el_class=”border-dark”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border full dark” el_class=”border-xdark”][pexr_button tpl=”tpl5″ size=”btn-tiny” rounded=”xround-1″ border=”border” title=”Border Cyan” el_class=”border-cyan”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-2″ border=”border” title=”Border green” el_class=”border-green”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-3″ border=”border” title=”Border blue” el_class=”border-blue”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-4″ border=”border” title=”Border violet” el_class=”border-violet”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-5″ border=”border” title=”Border cello” el_class=”border-cello”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-6″ border=”border” title=”Border yellow” el_class=”border-yellow”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border orange” el_class=”border-orange”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border red” el_class=”border-red”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border grey” el_class=”border-grey”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border dark” el_class=”border-dark”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border full dark” el_class=”border-xdark”]
[pexr_empty_space space=”50px”]
[pexr_empty_space space=”50px”]

Button Color borders

[pexr_button tpl=”tpl5″ size=”btn-tiny” border=”border” title=”Border Cyan” el_class=”border-cyan border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border green” el_class=”border-green border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border blue” el_class=”border-blue border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border violet” el_class=”border-violet border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border cello” el_class=”border-cello border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border yellow” el_class=”border-yellow border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border orange” el_class=”border-orange border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border red” el_class=”border-red border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border grey” el_class=”border-grey border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border dark” el_class=”border-dark border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” border=”border” title=”Border full dark” el_class=”border-xdark border-2x”][pexr_button tpl=”tpl5″ size=”btn-tiny” rounded=”xround-1″ border=”border” title=”Border Cyan” el_class=”border-cyan border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-2″ border=”border” title=”Border green” el_class=”border-green border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-3″ border=”border” title=”Border blue” el_class=”border-blue border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-4″ border=”border” title=”Border violet” el_class=”border-violet border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-5″ border=”border” title=”Border cello” el_class=”border-cello border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-6″ border=”border” title=”Border yellow” el_class=”border-yellow border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border orange” el_class=”border-orange border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border red” el_class=”border-red border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border grey” el_class=”border-grey border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border dark” el_class=”border-dark border-2x”][pexr_button tpl=”tpl5″ size=”btn-medium” rounded=”xround-7″ border=”border” title=”Border full dark” el_class=”border-xdark border-2x”]