html5如何实现鲨鱼动画效果
1、编译工具有很多，这里我们选择记事本来做。
2、首先是html页面编写。如图
3、对应代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html5模拟鲨鱼动画效果</title>
<link href="css/normalize.css" type="text/css" rel="stylesheet" />
<style>
html, body { height: 100%; width: 100%; margin: 0;}
#whale {height: 99.5%; width: 100%;}
</style>
</head>
<body>
<div id="whale"></div>
<script src="js/lanrenzhijia.js"></script>
</body>
</html>
4、其次是js脚本的编写。lanrenzhijia.js我们可以去网上下载。
5、然后是css样式的添加。我们同样可以去网上下载
6、最后点击运行，就可以看到鲨鱼动画啦。
声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。