Today I got some homemade buttons for you! You can download them totally free of charge!
First things first
First of all, I didn’t make this buttons of a PSD file. I just made them by coding them. Also, this post actually shouldn’t be in the ‘Quick Tips’ category, but since this also isn’t a ‘Manual’ or a ‘Workflow’ article I decided to go with the ‘Quick Tips’ category.
The buttons
I made the buttons in the colors grey, yellow, orange, red, brown, black, blue, purple and green. When you hover over a button you notice a subtle change in shadow. Also I used textshadow for the text. I applied a minimum width of 75 pixels to the buttons, so when a very tiny bit of text is on the button, the button still looks awesome! The buttons look like this:
Demo and download
You can take a look at the demo if you want. In the demo I removed the biggest part of the margin to make sure the buttons will fit on your screen. Also you can download the buttons, the HTML and CSS are combined in just one HTML file, and that file is zipped. Have fun with the buttons and tell me what you think of them in the comments!
