Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- CSS Beveled Button Effect


pageoneresults - 6:36 pm on May 17, 2003 (gmt 0)


This whole Beveled Button thing has been keeping me awake when I should be resting!

I've been experimenting with adding background images to the link, visited, hover and active states. Did some reading at various cutting edge css sites and come to realize that you can literally recreate a graphic button navigation structure using pure css. No more javascript!

Example...

}
#menu a:hover{
color:#369;
background:#fff repeat fixed url('/images/tile.jpg');
border-top:1px solid #000;
border-left:1px solid #808080;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

I'm using a background now that tiles seamlessly. The button sits against the same background. It's a really nice effect that I thought could only be achieved using javascript.


Thread source:: http://www.webmasterworld.com/css/1025.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com