A Nice CSS3 Button

Example:

HTML:

<button type="button" name="" value="" class="css3button">submit</button>

CSS:

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#e31616 0%,
		#c20d0d);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e31616),
		to(#c20d0d));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 2px solid #aa1414;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
}

From css3 button generator

2 Replies to “A Nice CSS3 Button”

Comments are closed.