svg文字遮罩动画效果代码-html代码-BFW代码库

svg文字遮罩动画效果代码

代码语言：html

所属分类：动画

代码描述：svg文字遮罩动画效果代码

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


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

  
  
  
  
<style>
body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
}

svg {
  flex: 1 1 auto;
  max-width: 90vw;
}
</style>


</head>

<body>

<svg viewBox="0 0 233.7 86.301"  aria-labelledby="myName" role="img">
  <title id="myName">Cassie</title>
   
  <clipPath id="myClip">
    <path d="M 6.3 29.1 L 1 18.4 A 58.3 58.3 0 0 1 8.201 14.396 Q 12.111 12.593 15.752 11.777 A 26.694 26.694 0 0 1 21.6 11.1 A 9.522 9.522 0 0 1 24.465 11.499 Q 27.483 12.45 28.613 15.667 A 10.6 10.6 0 0 1 29 17.1 A 48.253 48.253 0 0 1 37.936 13.067 A 36.01 36.01 0 0 1 49.2 11.2 Q 55.7 11.2 60.6 14.2 Q 66.29 17.634 66.398 25.975 A 25.076 25.076 0 0 1 66.4 26.3 A 19.582 19.582 0 0 1 58.29 42.683 Q 55.116 45.1 50.7 46.9 A 26.247 26.247 0 0 1 57.606 49.023 Q 65.244 52.713 66.467 61.333 A 24.683 24.68.........完整代码请登录后点击上方下载按钮下载查看