FREE: CSS3 Button Styles
This set contains a collection of elegantly simple web buttons, each designed in Adobe Photoshop and coded using HTML and CSS. They are fully scalable and pure CSS (don’t require any images at all). There are 16 preset buttons included and each one is very easy to modify and tweak to match the theme of your site.
Every button includes Normal, Hover and Active states.
Works in all modern browsers, and degrades gracefully in Internet Explorer.
License, Usage, and Sharing
You are free to use this resource for personal or commercial projects with attribution to MediaLoot, under the following guidelines:
- Please link directly to this article for all sharing of this resource.
- You may not resell this set or any derivatives works from this set.
- You may not upload this complete resource to another website or offer it for download on another website.
Download
Like this free resource? There's a lot more where that came from.
For every free resource we release, members get dozens more. If you like this set, why don't you browse through our other resources, or take the tour to learn about our membership.
Category: Freebies
Download ALL of Our Premium Resources
Signup for a MediaLoot subscription today and get tons of premium resources to use commercially and even in web apps. At subscriptions starting at just $9, you can't lose...
Comments
cool i lik it>> thanks
Cool buttons thanks you medialoot!
my hat is off
Not as great as some of the other stuff on Medialoot…. sorry!
Cool ^______^
....hang on, these dont require images at all? ok now i get it… these are awesom!!
Thanks for the great stuff. Well appreciated.
Thanks for the comments
@J20: You scared us for a second there! Glad you like them though
Very elegantly executed!
why would anyone assume the light source would move on click?
the active state is designed a little bit… sloppy
Nice work….can’t wait for your next stuff.
Stylish and very well done.
How do I use these? I know how to use them, it’s just that the button won’t show up, only the link set to be the target for the button shows up. Any tips?
@Alan: It sounds like it’s not loading the CSS, check the header code in the html file to make sure it’s pointing to the right location for the styles.css file.
Here’s the code that I put in for it to work. The CSS is also in, this is a blog that it is in, may that be a factor?
Code:
MediaLoot CSS3 Button Styles
<link rel=“stylesheet” href=“styles.css” />
[url=“voiceofhr.blogspot.com” class=“ml-button
6”]The Front Page[/url]
The Staff
The VoH Awards