CSS3 Buttons with Cool Effects

<button class="small button">Small Button</button>
<button class="small color red button">Button</button>
<button class="small color green button">Button</button>
<button class="small color blue button">Button</button>

<button class="small button" disabled>Small Button</button>
<button class="small color red button" disabled>Button</button>
<button class="small color green button" disabled>Button</button>
<button class="small color blue button" disabled>Button</button>

• Small Button
• Button
• Button
• Button

<ul class="button-group">
	<li><button class="small button">Small Button</button></li>
	<li><button class="small button">Button</button></li>
	<li><button class="small button">Button</button></li>
	<li><button class="small button">Button</button></li>
</ul>

<button class="button">Button</button>
<button class="color red button">Button</button>
<button class="color green button">Button</button>
<button class="color blue button">Button</button>

<button class="button" disabled>Button</button>
<button class="color red button" disabled>Button</button>
<button class="color green button" disabled>Button</button>
<button class="color blue button" disabled>Button</button>

• Button
• Button
• Button
• Button

<ul class="button-group">
	<li><button class="button">Button</button></li>
	<li><button class="button">Button</button></li>
	<li><button class="button">Button</button></li>
	<li><button class="button">Button</button></li>
</ul>

<button class="large button">Large Button</button>
<button class="large color red button">Button</button>
<button class="large color green button">Button</button>
<button class="large color blue button">Button</button>

<button class="large button" disabled>Large Button</button>
<button class="large color red button" disabled>Button</button>
<button class="large color green button" disabled>Button</button>
<button class="large color blue button" disabled>Button</button>

• Large Button
• Button
• Button
• Button

<ul class="button-group">
	<li><button class="large button">Large Button</button></li>
	<li><button class="large button">Button</button></li>
	<li><button class="large button">Button</button></li>
	<li><button class="large button">Button</button></li>
</ul>