<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>第三方动画库</title>
<!-- 导入第三方动画库.css文件 -->
<link rel="stylesheet" href="animate.css">
<style lang="">
h1{
text-align: center;
margin-top: 200px;
}
</style>
</head>
<body>
<!-- 想让哪个元素有动画时,就让他的类里加上CSS文件中动画的名称。第一个animated为主类名,标识了动画的执行时间,后面一个选择了动画效果 -->
<h1 class="animated wobble">animate.css</h1>
</body>
</html>