使用 HTML 和 JS 实现惊艳的按钮动画

由 Mux 赞助的 DEV 全球展示挑战赛：展示你的项目！

大家好，

今天我用HTML和JS制作了一个很棒的按钮动画。在这个按钮动画中，我只使用了HTML、CSS和JS来实现动画效果。

卡片填充悬停效果：

使用 HTML 和 CSS 实现惊艳的卡片填充悬停效果

Nikhil Bobade ・ 2021年6月18日

#html #css #webdev #初学者

这是我用来做按钮的简单 HTML 代码。为了实现动画效果，我使用了span`<button>` 标签来设计按钮，并通过 JavaScript 在按钮点击事件中调用了 `setTimeout` 函数。这个函数的作用仅仅是添加 `innerHTML`<div class="loading-1">Sending</div>来实现按钮的动画效果。

希望这篇文章对您有所帮助，请点赞并收藏，也欢迎在评论区留下您的想法和新建议。更多内容请关注我的Instagram账号@developer_nikhil27。

谢谢你！