提交按钮的变形动画【原创】

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，远程调用一个CSS样式文件，接着引入一个本地的CSS样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分，用div来作为按钮的容器，代码如下：

<div class="button">
	<div class="container">
		<div class="tick">
		</div>
	</div>
</div>

页面的底部，引入一个JS文件，用来控制形变动画效果和完成状态的显示，代码如下：

<script type="text/javascript" src="js/index.js"></script>