Free CSS3 Button Styles
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.
Benefits for Premium Members
As usual with our freebies we try to give premium members a little something extra, so with this resource, all premium members will also get the original .psd file used to design the buttons.
Live Demo
View the live demo here
Browser Support
Works in all modern browsers, and degrades gracefully in Internet Explorer.
Free License
Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note:
- Attribution is required for free items. For a non-attribution license, please become a member or buy the full version.
- You may not distribute or offer this set for download on other websites. Promotion is always appreciated, but please send people to this page.
Leave a Comment:
Item Attributes
- 4242
- 01/23/2012
- Web & UI, Styles
Files Included
Designer
-
Tony Thomas
MediaLoot Designer
License
By purchasing or downloading this item you are agreeing to abide by all terms and conditions laid out in the MediaLoot License Agreement.
View the full license →
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