Html
    Css
    Js

    
                        
body {
	min-height:100vh;
	font-family:Roboto,Arial;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#1499f7;
}
.btn {
	-webkit-appearance:none;
	border:0;
	position:relative;
	height:63px;
	width:240px;
	padding:0;
	cursor:pointer;
	border-radius:32px;
	overflow:hidden;
	-webkit-mask-image:-webkit-radial-gradient(white,black);
}

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

原生JS实现按钮抖动效果(原创)

更新时间:2021-07-14 09:24:29

原生js代码实现动画效果,基本不会存在与jquery脚本可能冲突的情况

0