简单的html按钮代码特效

.btn1 {
	display: block;
	width: 288px;
	height: 66px;
	background: #00a2ea;
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 66px;
	position: relative;
	margin: 0 auto;
	transition: all 0.3s;
	transform-origin: 50% 0;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	text-decoration: none;
}

.btn1:hover {
	color: #cf2621
}

Html代码

<a href="https://rytk20.kuaishang.cn/bs/ks.j?cI=538064&fI=125178"  target="_blank" data-hover="免费咨询" style="margin-top: 30px; margin-bottom: 80px;" class="btn1">免费咨询</a>

大家根据自己的需求调整即可

如果想要变更大小就调整

宽度 高度  left 或right