gsap文字跳跃动画效果-html代码-BFW代码库

gsap文字跳跃动画效果

代码语言：html

所属分类：动画

代码描述：gsap文字跳跃动画效果

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


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

<style>
* {
  box-sizing: border-box;
}
body {
  background: #262626;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
svg {
  height: 50vmin;
}
.one .letter {
  fill: #fff;
}
.two .letter {
  fill: #a219e6;
}
.three .letter {
  fill: #e61919;
}
.four .letter {
  fill: #e68019;
}
.five .letter {
  fill: #19e5e6;
}
.shadow {
  fill: #1a1a1a;
  stroke: #1a1a1a;
}
</style>

</head>
<body translate="no">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.015 38.157">
<defs>
<path id='e' d="M40.207 27.59V10.567h8.543v4.002h-3.946v2.48h3.539v3.848h-3.54v2.601h3.947v4.09z" />
<path id='d' d="M30.031 27.59V10.567H34q3.406 0 5.303 1.83 2.491 2.392 2.491 6.692 0 4.233-2.106 6.537-1.796 1.962-5.357 1.962zm4.597-4.113q2.47-.121.........完整代码请登录后点击上方下载按钮下载查看