CSS3 button maker is a simple and great online tool created by Chris Coyier from CSS Tricks. This tool allows you to generate a image-less button fully making use of CSS3. I am sure that some of you may don't know what CSS3 is really about. CSS3 is a collection of modules that extend the previous CSS2 specification that we all know. CSS level 3 is currently under development. Read further about CSS3 here.
Button above was made fully with CSS3. The effects are clearly visible in latest versions of Firefox, Konqueror, Opera or Safari/Webkit. In older browers that don’t support these properties, the fallback is solid-color background, no shadows, and square corners which is not a big deal as everybody are moving to new browsers. To create such button for your use, visit CSS3 button maker now. Here is a preview of the super duper online tool.
Once you've customized the button, click on the button "View the CSS" to get the CSS code. Copy the code and go to Blogger > Design > Edit HTML and search for ]]></b:skin>. Paste the copied code immediately before ]]></b:skin> and click Save.
To use it in posts or anywhere in your template, simply add a class='button" attribute in anchor tag. Here is a sample button and its code.
You are done.
7 comments:
Thanks man!
Thank 'u'
well & workin'
Thank you for sharing with good, useful info. It must to know that automation testing will protect software products from unexpected losses.
Looking for nursing home in derby, jason hylton court is a high quality nursing home situated in the heart of Swadlincote, Derbyshire nr Swadlincote
http://www.jasonhyltoncourt.com/care.php
Care home Derbyshire
I'm glad to read this info. I'm happy to share with insurance instant that is provided by top insurance companies. You may save on instant auto insurance rates which allow customers to obtain affordable cheap policy.
Though currently under development but it dependable.
Post a Comment