CSS3 Button Nice Effect

.btn a {
	padding:5px 20px;
	color: #444444;
	background: transparent;
	line-height: 100%;
	border: 2px solid #444444;
	-webkit-transition: color 300ms ease, background 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
	transition: color 300ms ease, background 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
	-webkit-box-shadow: inset 0 0 0 0 #444444;
	box-shadow: inset 0 0 0 0 #444444
}


.btn a:hover {
	background: #444444;
	color: white;
	border-color: #444444;
	box-shadow: 300px 0 0 0 #444444 inset;
	text-decoration:none;
}
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s