Glass Button CSS3 Demo for iw104

glassbutton.css

.glass {
  display:inline-block;
	margin:10px;
	background-color:rgba(216,216,216,.07);
	border:solid 1px rgba(0,0,0,.2);
	padding:9px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, .3);
	box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, .3);
}
.glass span {
	display:inline-block;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color:white;
	border:solid 1px #3f8971;
	padding:10px 20px;
	text-shadow: 0px -1px 0px #3f8971;
	filter: dropshadow(color=#3f8971, offx=0, offy=-1);
	background: #56bc9a; /* Old browsers */
	background: -moz-linear-gradient(top, #56bc9a 0%, #2f8355 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56bc9a), color-stop(100%, #2f8355)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #56bc9a 0%, #2f8355 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #56bc9a 0%, #2f8355 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #56bc9a 0%, #2f8355 100%); /* IE10+ */
	background: linear-gradient(to bottom, #56bc9a 0%, #2f8355 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56bc9a', endColorstr='#2f8355', GradientType=0 ); /* IE6-9 */
}
.glass:hover span {
	background: #8bd1ba; /* Old browsers */
	background: -moz-linear-gradient(top, #8bd1ba 0%, #56c287 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8bd1ba), color-stop(100%, #56c287)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8bd1ba 0%, #56c287 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8bd1ba 0%, #56c287 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8bd1ba 0%, #56c287 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8bd1ba 0%, #56c287 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bd1ba', endColorstr='#56c287', GradientType=0 ); /* IE6-9 */
}

glassbutton.html

<a href="#" class="glass"><span>Glass Button</span></a>