{"id":561,"date":"2026-03-29T21:37:18","date_gmt":"2026-03-29T21:37:18","guid":{"rendered":"http:\/\/home.test:8080\/canvas-wp-test\/buttons\/"},"modified":"2026-08-20T18:41:40","modified_gmt":"2026-08-20T18:41:40","slug":"buttons","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"
\n\n
\n

Default 3D Buttons<\/h4><\/div>\n\n<\/i>Teal<\/a>\n\n<\/i>Red<\/a>\n\n<\/i>Yellow<\/a>\n\n<\/i>Green<\/a>\n\n<\/i>Brown<\/a>\n\n<\/i>Aqua<\/a>\n\n<\/i>Purple<\/a>\n\n<\/i>Leaf<\/a>\n\n<\/i>Pink<\/a>\n\n<\/i>Blue<\/a>\n\n<\/i>Dirty Green<\/a>\n\n<\/i>Amber<\/a>\n\n<\/i>Black<\/a>\n\n<\/i>White<\/a>\n\n\n
<\/div>\n\n\n

Uppercase Text<\/h4><\/div>\n\n<\/i>Red<\/a>\n\n<\/i>Teal<\/a>\n\n<\/i>Yellow<\/a>\n\n<\/i>Green<\/a>\n\n<\/i>Brown<\/a>\n\n<\/i>Aqua<\/a>\n\n<\/i>Purple<\/a>\n\n<\/i>Leaf<\/a>\n\n<\/i>Pink<\/a>\n\n<\/i>Blue<\/a>\n\n<\/i>Dirty Green<\/a>\n\n<\/i>Amber<\/a>\n\n<\/i>Black<\/a>\n\n<\/i>White<\/a>\n\n\n
<\/div>\n\n\n

Icon Effects<\/h4><\/div>\n\n<\/i>Flip X<\/a>\n\nFlip X<\/i><\/a>\n\n<\/i>Flip Y<\/a>\n\nFlip Y<\/i><\/a>\n\n\n
<\/div>\n\n\n

Text Effects<\/h4><\/div>\n\n\n
Flip X<\/a>\n\nFlip X<\/a>\n\nFlip Y<\/a>\n\nGet Started <\/i><\/a><\/div>\n\n\n\n
<\/div>\n\n\n\n
\n

Mini 3D Buttons<\/h4><\/div>\n\nRed<\/a>\n\nTeal<\/a>\n\nYellow<\/a>\n\nGreen<\/a>\n\nBrown<\/a>\n\nAqua<\/a>\n\nLime<\/a>\n\nPurple<\/a>\n\nLeaf<\/a>\n\nPink<\/a>\n\nBlue<\/a>\n\nDirty Green<\/a>\n\nAmber<\/a>\n\nBlack<\/a>\n\nWhite<\/a><\/div>\n\n\n\n

Small 3D Buttons<\/h4><\/div>\n\nRed<\/a>\n\nTeal<\/a>\n\nYellow<\/a>\n\nGreen<\/a>\n\nBrown<\/a>\n\nAqua<\/a>\n\nLime<\/a>\n\nPurple<\/a>\n\nLeaf<\/a>\n\nPink<\/a><\/div>\n<\/div>\n\n\n

Gradient Buttons<\/h4><\/div>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n<\/i> Button<\/a>\n\n\n
<\/div>\n\n\n

Shadow Buttons<\/h4><\/div>\n\nButton<\/a>\n\nButton<\/a>\n\nButton<\/a>\n\nButton<\/a>\n\nButton<\/a>\n\n\n
<\/div>\n\n\nStart your Free Trial30-Days & No Credit card Required<\/span><\/a>\n\n\n
<\/div>\n\n\n

Large 3D Buttons<\/h4><\/div>\n\nRed<\/a>\n\nTeal<\/a>\n\nYellow<\/a>\n\nGreen<\/a>\n\nBrown<\/a>\n\nAqua<\/a>\n\n

Extra Large 3D Buttons<\/h4><\/div>\n\nPurple<\/a>\n\nDirty Green<\/a>\n\nAmber<\/a>\n\nBlack<\/a>\n\nWhite<\/a>\n\n

Icon Reveal buttons<\/h4><\/div>\n\n<\/i>Teal<\/span><\/a>\n\n<\/i>Yellow<\/span><\/a>\n\n<\/i>Purple<\/span><\/a>\n\n<\/i>Dirty Green<\/span><\/a>\n\n<\/i>Red<\/span><\/a>\n\n<\/i>White<\/span><\/a>\n\n\n
<\/div>\n\n\n<\/i>Right Icon Reveal<\/span><\/a>\n\n

3D Buttons with Sub-Text<\/h4><\/div>\n\nCreate a Canvas AccountFree Forever, Instant Activation<\/span><\/a>\n\nStart your Free Trial30-Days & No Credit card Required<\/span><\/a>\n\n

Simple Flat Buttons<\/h4><\/div>\n\n<\/i>Button<\/a>\n\n<\/i>Button<\/a>\n\n<\/i>Button<\/a>\n\nButton<\/a>\n\nButton<\/i><\/a>\n\n
<\/span>\n\n
Create your Font Icon<\/div>Free Forever, Instant Activation<\/span><\/a>\n\n

Simple Dark Buttons<\/h4><\/div>\n\n<\/i>Button<\/a>\n\n<\/i>Button<\/a>\n\n<\/i>Button<\/a>\n\nButton<\/a>\n\nButton<\/i><\/a>\n\n
<\/span>\n\n
Create your Font Icon<\/div>Free Forever, Instant Activation<\/span><\/a>\n\n

Border Buttons<\/h4><\/div>\n\n<\/i>Red<\/a>\n\n<\/i>Teal<\/a>\n\n<\/i>Yellow<\/a>\n\n<\/i>Green<\/a>\n\n<\/i>Brown<\/a>\n\n<\/i>Aqua<\/a>\n\n<\/i>Purple<\/a>\n\n<\/i>Leaf<\/a>\n\n<\/i>Pink<\/a>\n\n<\/i>Blue<\/a>\n\n<\/i>Dirty Green<\/a>\n\n<\/i>Amber<\/a>\n\n\n
<\/div>\n\n\n<\/i>Button<\/span><\/a>\n\n<\/i>Button<\/a>\n\n<\/i>Button<\/a>\n\nButton<\/a>\n\nButton<\/i><\/a>\n\n
<\/span>\n\n
Create your Font Icon<\/div>Free Forever, Instant Activation<\/span><\/a>\n\n

Thin Border Buttons<\/h4><\/div>\n\n<\/i>Red<\/a>\n\n<\/i>Teal<\/a>\n\n<\/i>Yellow<\/a>\n\n<\/i>Green<\/a>\n\n<\/i>Brown<\/a>\n\n<\/i>Aqua<\/a>\n\n<\/i>Purple<\/a>\n\n<\/i>Leaf<\/a>\n\n<\/i>Pink<\/a>\n\n<\/i>Blue<\/a>\n\n<\/i>Dirty Green<\/a>\n\n<\/i>Amber<\/a>\n\n

Circle Buttons<\/h4><\/div>\n\n<\/i>Red<\/a>\n\n<\/i>Teal<\/a>\n\n<\/i>Yellow<\/a>\n\n\n
<\/div>\n\n\n<\/i>Green<\/a>\n\n<\/i>Brown<\/a>\n\n<\/i>Aqua<\/a>\n\n\n
<\/div>\n\n\nFlat Button<\/a>\n\nLight Button<\/a>\n\nDark Button<\/a>\n\n\n
<\/div>\n\n\n<\/i>Purple<\/a>\n\n<\/i>Leaf<\/a>\n\n<\/i>Pink<\/a>\n\n\n
<\/div>\n\n\n<\/i>Blue<\/a>\n\n<\/i>Dirty Green<\/a>\n\n<\/i>Amber<\/a>\n\n

Border Buttons with Fill Effect<\/h4><\/div>\n\nFill From Left<\/span><\/a>\n\nFill From Right<\/span><\/a>\n\nFill From Top<\/span><\/a>\n\nFill From Bottom<\/span><\/a>\n\n
<\/i><\/div>\n\n

Bootstrap Buttons<\/h3>\n\n