gsap实现小狗摇尾巴动画-html代码-BFW代码库

gsap实现小狗摇尾巴动画

代码语言：html

所属分类：动画

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
body {
  margin: 0;
  padding: 0;
  height: 100vh;
}

svg {
  position: absolute;
  min-width: 100vw;
  max-height: 100vh;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

footer {
  position: fixed;
  bottom: 0;
  background: black;
  width: 100%;
  font-family: sans-serif;
  padding: 5px;
  text-align: center;
}

footer a {
  color: white;
}
</style>

</head>
<body translate="no">
<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 801 801">
<g fill-rule="nonzero">
<g id="tail">
<path id="main-tail" fill="#6f3c17" d="M496.52 647.46s49.5-2.13 64-98.2c0 0 4.09 105.35-68.5 124.74l4.5-26.54z" />
</g>
<g id="body">
<path fill="#fdcfa5".........完整代码请登录后点击上方下载按钮下载查看