Button design is a science. Well-designed buttons gain more clicks, leading to higher conversion rates for your site. For this week’s Weekly Freebies, install minimalist, elegant CSS3 buttons on your site – with just a few lines of code.
The buttons are sleek and modern, with a thin, rounded border and smooth animation on hover. They are super easy to install and easily customizable.
Put the following CSS code between <style> tags in the header of your site:
/* Change the border color of your button here! */
border: 1px solid #666;
padding: 8px 20px 5px;
/* Change the hover color of your button here! */
Put the following HTML code where you want the button to be:
And that’s all! Easy, right?
If you need ideas on how to use or customize the buttons, check out the elegant css3 buttons in action on my website.