css3 transition效果

<meta charset="UTF-8">
<style>
.btn {
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
	border-radius: 4px;
	line-height: 26px;
	padding: 0 10px;
	/*过渡效果*/
	background-color: #3AA400;
	color: #eee;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}

.btn:hover {
	background-color: #2E8200;
	color: #fff;
}
</style>
<a href='##' class='btn'>桑德空间</a>

　　

;