Making stylish button with CSS Sliding Door

sliding door button with css

sliding door button with css

Recently I saw the Sliding Door like buttons in WordPress.com site, I am so liked that and thought of making a sample one and I was all most success. So I thought of sharing that with you. It’s not a hard part, but I spend around thirty minutes to do this, I was so sad because I spent much time to do this, but finally I was really happy I learned some CSS in that thirty minutes. But any way will dive in and just have a look on how to make.

Download: http://www.box.net/shared/8u1h5xsk0t

Download PSD: http://www.box.net/shared/a5rvfz3yzs

That’s it, if you want to try out by yourself, get the files, try your seft and optimize as you wish, use it In your site, if possible else if you have a optimized why shout out in the comments. So far this solution is checked with following browsers;

  • Safari 4
  • Mozilla 3.5
  • Internet Explorer 8

Just checked with Opera 9.64 and Internet Explore 7, it’s working fine 🙂

For lower browser check I don’t have much resource, if possible try it yourself :).

Author: Yoosufs

Advertisements

1 Comment

  1. saisvarun said,

    January 18, 2011 at 4:32 am

    nice……….


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: