18 Jun
Posted by Ray Cheung as Buttons, Design, License Free
Hedger Wang teaches us how to create rounded corner buttons with only One Image and One CSS file. Users can see different state of the buttons, e.g. disabled, mouseover and mouseout state. So that the users can feel more interactive with the website or web application. We can also use this technics to create Wii-like buttons.
Requirements: Internet Explorer 5.5+, Safari 2, Firefox 1.5+, Opera 9.
Demo: http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php
License: GPL License





[...] » Source [...]
[...] » Source [...]
thanks for the tutorial, IE workaround for wrapping span inside form.input element is consider ‘invalid’ as span is inline type elements, you should used a block type elements (i.e., p,div) to wrap the input or button.
It’s not compatible with Firefox 3
[...] • Botones redondeados (Wii). [...]
[...] Simple Round CSS Buttons [...]
one might consider using outline: none on the anchor tag css to remove the little dotted line that can appear around a link on click….unless its already in your reset.
[...] Simple Round CSS Buttons [...]
[...] Simple Round CSS Buttons [...]
Waw… Cascading Style Sheets Tutorial….. thanks for sharing bro..
[...] Simple Round CSS Buttons [...]
[...] Tutorial Link: Click Here [...]
[...] Simple Round CSS Buttons [...]
[...] » Source [...]
[...] Bookmarked a link on Delicious. Simple Round CSS Buttons ( Wii Buttons ) | Web Resources | WebAppers [...]
[...] Source [...]
cool buttons!!
Thanks guys. Nice ever tutorial with useful round button corner u show here.
Thank for your Round CSS Buttons
[...] » Source [...]
The important links are dead.
Yep, dead links.
RSS feed for comments on this post · TrackBack URI