Glass

View Example Outside the frame

The Skin's CSS:

/*	This file is part of CSS Buttons.

    CSS Buttons is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    CSS Buttons is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with CSS Buttons. If not, see .
*/
/*	Using CBF Beta
/* 	Overrides the CSS Buttons Framework */
	button.cssbutton.glass span,a.cssbutton.glass span,div.cssbutton.glass input {height:41px; line-height:41px;}


/* 	Name: 	glass a 
	Desc:	Blue Button	*/
/* 	Right Background	*/
	button.cssbutton.glass.a span,a.cssbutton.glass.a span,div.cssbutton.glass.a input {
	background:url("glass_aRight.gif") no-repeat right 0;
	}
/* 	Left (Wedges) Background	*/	
	button.cssbutton.glass.a,a.cssbutton.glass.a,div.cssbutton.glass.a {
	background:url("glass_aLeft.gif") no-repeat 0 center;
	}
/* 	:hover Right Background	*/	
	button.cssbutton.glass.a:hover span,a.cssbutton.glass.a:hover span,div.cssbutton.glass.a:hover input {
	background:url("glass_aRight.gif") no-repeat right 100%;
	}
/* 	:hover Left (Wedges) Background	*/	
	button.cssbutton.glass.a:hover,a.cssbutton.glass.a:hover,div.cssbutton.glass.a:hover {
	background:url("glass_aLeft.gif") no-repeat -272px center;
	}


/* 	Name: 	glass b 
	Desc:	BlueGreen Button	*/
/* 	Right Background	*/
	button.cssbutton.glass.b span,a.cssbutton.glass.b span,div.cssbutton.glass.b input {
	color:#FFF;
	background:url("glass_bRight.gif") no-repeat right 0;
	}
/* 	Left (Wedges) Background	*/	
	button.cssbutton.glass.b,a.cssbutton.glass.b,div.cssbutton.glass.b {
	background:url("glass_bLeft.gif") no-repeat 0 center;
	}
/* 	:hover Right Background	*/	
	button.cssbutton.glass.b:hover span,a.cssbutton.glass.b:hover span,div.cssbutton.glass.b:hover input {
	background:url("glass_bRight.gif") no-repeat right 100%;
	}
/* 	:hover Left (Wedges) Background	*/	
	button.cssbutton.glass.b:hover,a.cssbutton.glass.b:hover,div.cssbutton.glass.b:hover {
	background:url("glass_bLeft.gif") no-repeat -272px center;
	}
	
/* 	Name: 	glass c 
	Desc:	Green Button	*/
/* 	Right Background	*/
	button.cssbutton.glass.c span,a.cssbutton.glass.c span,div.cssbutton.glass.c input {
	color:#FFF;
	background:url("glass_cRight.gif") no-repeat right 0;
	}
/* 	Left (Wedges) Background	*/	
	button.cssbutton.glass.c,a.cssbutton.glass.c,div.cssbutton.glass.c {
	background:url("glass_cLeft.gif") no-repeat 0 center;
	}
/* 	:hover Right Background	*/	
	button.cssbutton.glass.c:hover span,a.cssbutton.glass.c:hover span,div.cssbutton.glass.c:hover input {
	background:url("glass_cRight.gif") no-repeat right 100%;
	}
/* 	:hover Left (Wedges) Background	*/	
	button.cssbutton.glass.c:hover,a.cssbutton.glass.c:hover,div.cssbutton.glass.c:hover {
	background:url("glass_cLeft.gif") no-repeat -272px center;
	}

Getting Started

Downloads

Button Skins

About CSS Buttons