3-D button using CSS

[davikerkrish]

Back in the early days of the web, 3-d buttons that appeared to become pushed in when moused over were all the rage. At that time, this could only be achieved through images and JavaScript, but now with the advent of CSS we can go all retro and re-create this effect:

a {
display: block;
border: 1px solid;
border-color: #aaa #000 #000 #aaa;
width: 8em;
background: #fc0;
}

a:hover
{
position: relative;
top: 1px;
left: 1px;
border-color: #000 #aaa #aaa #000;
}

[jordenstive]

I also want some information related this.thanks for nice post...

[henryc10]

wwwdot//tympanus.net/codrops/2012/01/11/css-buttons-with-pseudo-elements/

heres some more info

[luciferdsouza]

Good codes suggested, i used the normal buttons but never tried with 3D.
Gonna check out today itself, thanks to post here.

[samhusten]

I have tried this before. Thanks for giving such an innovative idea. Will surely try this.

[vivekaryan]

thanks...for this info...