Html
    Css
    Js
* {
	margin:0px;
	padding:0px;
}
a {
	text-decoration:none;
	font-family:Microsoft YaHei,'华文细黑',Helvetica Neue,Helvetica,Tahoma,Arial,Times New Roman,Verdana CenturyGothic,Pingfang SC,Hiragino Sans GB,Hiragino Sans GB W3,Microsoft YaHei UI,WenQuanYi Micro Hei,sans-serif;
}
.full {
	position:relative;
	display:inline-block;
	width:150px;
	height:40px;
	border:1px solid #00A9E0;
	border-radius:20px;
	text-align:center;
	line-height:40px;
	color:#80c1d4;
	margin:200px;
	overflow:hidden;
}
.full span {
	display:inline;
	position:absolute;
	top:0px;
	left:0px;
	height:42px;
	background-color:#00A0E9;
	z-index:-1;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

按钮填充代码

更新时间:2020-12-18 22:37:40

使用jquery的animate方法实现

0