真ん中から放射状に一応広がっていく表現。

STYLE：

.LBtn	{
	display:inline-table;
	padding: 3mm 5mm;
	border-radius: 0.5rem;
	color: black;
	text-decoration: none;
	background-position:50%;
	background-size: 100%;
	background-image: radial-gradient(circle at 50%,#eee,#bbb);;
	transition: background-size 1s linear 0s;
}
.LBtn:hover	{
	background-size: 1000%;
}
.LBtn:active	{
	background-color:#f003;
	background-image: none;
}

HTML：

<A class=LBtn href="">てすとです</A>