Professional CSS Button Free Download

Today in this article I am going to share a small css code that I have used in one of my website for designing the Buttons that work purely using CSS, and that are cross-browser compatible. That means that it does not use images at all, and compatible nicely in almost all browsers. You can also use it in your website or blog for designing your buttons.

You might also like this :: Best CSS Menu Bars Free Download

You might also like this :: Best Blogger Templates Free Download


Button Preview ::

CSS Code ::

<input type="submit" class="buttons" value="Submit" /> 
<style type="text/css">
.buttons {
 background:#5CCD00;
 background:-moz-linear-gradient(top,blue 0%,darkblue 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,blue),color-stop(100%,darkblue));
 background:-webkit-linear-gradient(top,blue 0%,darkblue 100%);
 background:-o-linear-gradient(top,blue 0%,darkblue 100%);
 background:-ms-linear-gradient(top,blue 0%,darkblue 100%);
 background:linear-gradient(top,blue 0%,darkblue 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='blue',endColorstr='darkblue',GradientType=0);
 padding:10px 15px;
 color:#fff;
 font-family:'Helvetica Neue',sans-serif;
 font-size:16px;
 border-radius:0px;
 -moz-border-radius:0px;
 -webkit-border-radius:0px;
 border:1px solid #459A00
}   
</style>

You can chage the color of buttons by changing the color code to match it with your website' templates. Hope you like this if yes then do not forget to share it.

Thankyou for giving your time.