Sliding Door Buttons


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
  2. button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
  3. button.button span { float:left; height:21px; background:transparent url(../images/ui/bkg_button.gif) 0 0 no-repeat; padding:0 0 0 8px; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }
  4. button.button span span { background-position:100% 0; padding:0 12px 0 4px; }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.