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
- 10939
- 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.
Nice looking and great for implementing in a site. I don’t know why didn’t you consider some scaling/rotation/opacity change as a hover/click effects. What you have done is great but adding some king of dynamic animation would only attract the user’s attention more. Moreover CSS3 animations are not burdening the processor as much as jquery. However you have done really nice job!
“Alaiva Technologies creates high quality Magento extensions for your online business needs.
Visit us at http://alaiva.com/ for creative and useful extensions!
Some of our extensions: One Step Checkout | Out of Stock Notification
Hire Us!”
Let us help you to increase 50%+ sales as our other 20.000+ shop owners do.
We offer Affiliate, Reward Points, Free Gift, One Step Checkout, Enhanced CMS, Gallery and many more useful extensions.
High quality Magento Themes & Magento Extensions by Alaiva.com
HTML is always my favorite topic. I love to learn new things with HTML. I have developed a site and I am doing all my experiments on that site. The web buttons seem to be really nice application. Thank you.
Very cool button styles. Thanks!