Custom Buttons 3.1 (demo)

Updated: 27 Feb 2008

DO NOT USE THIS CODE AS IS. This is an attempt to recreate Custom Buttons v3.0 without requiring 3.0's background gradient image, yet still retain some dimensionality (via a subtle flat shadow on the bottom half of the button). This example code currently works as intended in Firefox and Safari, but fails in IE. And it's a little messy in terms of the required DOM. All caveats and explanations from the v3.0 code demo apply here too.

 button  <a>


 longer button text  <a>


    <button> <button> <button>

   <button class="primary"> <button>

 <button class="pill-l"><button class="pill-c"><button class="pill-r">