Html
    Css
    Js

    
                        
body {
	margin:0px;
	padding:0px
}
button:focus {
	outline:0!important;
}
.ant-btn {
	line-height:1.499;
	position:relative;
	display:inline-block;
	font-weight:400;
	white-space:nowrap;
	text-align:center;
	background-image:none;
	border:1px solid transparent;
	-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.015);
	box-shadow:0 2px 0 rgba(0,0,0,0.015);
	cursor:pointer;
	-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
	transition:all .3s cubic-bezier(.645,.045,.355,1);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	height:32px;
	padding:0 15px;
	font-size:14px;
	border-radius:4px;
	color:rgba(0,0,0,0.65);
	background-color:#fff;
	border-color:#d9d9d9;
}
.ant-btn1 {
	line-height:1.499;
	position:relative;
	display:inline-block;
	font-weight:400;
	white-space:nowrap;
	text-align:center;
	background-image:none;
	border:1px solid transparent;
	-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.015);
	box-shadow:0 2px 0 rgba(0,0,0,0.015);
	cursor:pointer;
	-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
	transition:all .3s cubic-bezier(.645,.045,.355,1);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	height:32px;
	padding:0 15px;
	font-size:14px;
	border-radius:4px;
	color:rgba(0,0,0,0.65);
	background-color:#fff;
	border-color:#d9d9d9;
}
.ant-btn-primary {
	color:#fff;
	background-color:#1890ff;
	border-color:#1890ff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.12);
	-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.045);
	box-shadow:0 2px 0 rgba(0,0,0,0.045);
}
.ant-btn-red {
	color:#fff;
	background-color:#FF5A44;
	border-color:#FF5A44;
	text-shadow:0 -1px 0 rgba(0,0,0,0.12);
	-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.045);
	box-shadow:0 2px 0 rgba(0,0,0,0.045);
}
.ant-btn-white {
	color:rgba(0,0,0,.45);
	background-color:white;
	border-color:color:rgba(0,0,0,.45);
	text-shadow:0 -1px 0 rgba(0,0,0,0.12);
	-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.045);
	box-shadow:0 2px 0 rgba(0,0,0,0.045);
}
.ant-btn-white:hover {
	color:#fff;
	background-color:#C0C0C0;
	border-color:#C0C0C0;
	text-shadow:0 -1px 0 rgba(0,0,0,0.12);
	-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.045);
	box-shadow:0 2px 0 rgba(0,0,0,0.045);
}

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

jQuery按钮的切换效果

更新时间:2019-09-23 00:01:11

0