gsap实现越过群峰山峦动画效果代码
代码语言:html
所属分类:动画
代码描述: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