gsap实现越过群峰山峦动画效果代码

代码语言:html

所属分类:动画

代码描述:gsap实现越过群峰山峦动画效果代码

代码标签: gsap 越过 群峰 山峦 动画

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


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

<head>

  <meta charset="UTF-8">
  

  
<style>
html, body, div {
  width:100%;
  height:100%;
  background:#223;
  overflow:hidden;
  margin:0;
  padding:0;
}

div {
  display:flex;
  align-items: center;
  justify-content: center;
}


svg {
  width:80%;
  height:80%;
  max-width:600px;
  max-height:800px;
}
</style>



</head>

<body  >
  <div>
  <svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMax slice">
    <g class="stage"></g>
    <filter id='noise'>
      <feTurbulence type='fractalNoise' baseFrequency='2' numOctaves='4' stitchTiles='stitch'/>
    </filter>
    <rect class="noiseRect" fill="#aaa" width="400" height="400" filter="url(#noise)" style="mix-blend-mode:overlay" />
  </svg>
</div>
 
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/gsap.3.10.4.js"></script>
      <script  type="module">
console.clear()

import { spline, pointsInPath } from "//repo.bfw.wiki/bfwrepo/js/module/generative-utils.1.0.js&q.........完整代码请登录后点击上方下载按钮下载查看

网友评论0