Buttons
There are twelve variants of buttons based on the colors used in this template with an option to change the color of the button just by replacingbtn-primarywithbtn-defaultbtn-infobtn-successbtn-warningbtn-dangerin the code below.
1) Radiused Buttons:
we can change effect of any button by replacinghvr-buzzwith the effect we would like hvr-hang hvr-sink hvr-popand other in the code below.
It has the following Structure:
<button class="button button-rounded button-flat hvr-buzz">Button</button>2) Rounded Buttons:
we can change effect of any button by replacinghvr-shrinkwith the effect we effect we want likehvr-pulse hvr-grow hvr-pushand other in the code below.
It has the following Structure:
3) Rectangle Buttons:
It has the following Structure:
4) Circle Buttons:
It has the following Structure:
5) Shadow and Glow Transitions Buttons:
It has the following Structure:
6) Quick Shortcuts:
It has the following Structure:
7) 3-D Buttons:
It has the following Structure:
8) Spinner Buttons:
It has the following Structure:
9) Icon Button & Dropdown:
It has the following Structure:
10) Button Animation:
It has the following Structure:
11) Group Buttons:
It has the following Structure:
12) Buttons With Labels:
It has the following Structure:
Last updated
Was this helpful?