Control button width
More control over your buttons,
the button width can be:
|
example 1Width: set by content and padding
|
example 2Width set: 250px (equal widths)
|
example 3
Full width (adapt to parent container)
Need icons?
Select an icon from the large and famous FontAwesome library,
select the font size for your icon and
position it before or after the button text.
select the font size for your icon and
position it before or after the button text.
example 5Use icon: true/before
|
example 6Use icon: true/after
|
Shaping the button
You can play around with the border radius,
rounding the corners as you like,
giving values for all corners or for each corner individually.
rounding the corners as you like,
giving values for all corners or for each corner individually.
example 7Border Radius 30px
|
example 8No radius, squared corners
|
example 9Border Radius 7px
|
example 10You can set radius for each corner independently
|
Hover effects
There are 40 different hover effects available in the library,
a large choice to add extra spark.
a large choice to add extra spark.
Much more...
Set margins for the button,
specify different sizes for different devices, and more...
specify different sizes for different devices, and more...