css3点击提交按钮加载进度条动画特效

yzch6671

2年前发布

020210

css3点击提交按钮加载进度条动画特效是一款简单美观的css3点击表单提交按钮、显示图标加载进度条的按钮加载动画特效。

js代码

<script>
const button = document.querySelector(\'.button\');
const submit = document.querySelector(\'.submit\');

function toggleClass() {
	this.classList.toggle(\'active\');
}

function addClass() {
	this.classList.add(\'finished\');
}

button.addEventListener(\'click\', toggleClass);
button.addEventListener(\'transitionend\', toggleClass);
button.addEventListener(\'transitionend\', addClass);</script>

</body>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END