There are many old timey Button generator out there but with new css you can make some awesome buttons. To save your time you can use generators. One of the best and easy to use button generator can create awesome css buttons like the image below.
The css will be already generated for you to copy paste. You can very use these codes in your website or blogs very easily. An example of the code is shown below
<style type="text/css">
.Buttontext {
-moz-box-shadow:inset 0px -11px 0px -1px #caefab;
-webkit-box-shadow:inset 0px -11px 0px -1px #caefab;
box-shadow:inset 0px -11px 0px -1px #caefab;
background-color:#77d42a;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
display:inline-block;
color:#306108;
font-family:arial;
font-size:28px;
font-weight:bold;
padding:16px 24px;
text-decoration:none;
text-shadow:-1px 2px 0px #aade7c;
}.Buttontext:hover {
background-color:#5cb811;
}.Buttontext:active {
position:relative;
top:1px;
}
</style>
<a href="#" class="Buttontext">Get this</a>
If your still confused about how to use your generated button, You can check out step by step tutorial here.
And now to give you the magic link:
0 comment:
Post a Comment