nuxt 官网首页的水波效果动画是如何实现的?

231 天前
 xiaopanzi

前端小白,最近看到nuxt 官网首页的水波效果动画(可能用词不准确)不错,请问这是如何实现的?是否有组件可以直接用?

1750 次点击
所在节点   Nuxt.js
4 条回复
nitmali
231 天前
svg 动画
ZnductR0MjHvjRQ3
231 天前
就那几条线? canvas 画画就好了
sjhhjx0122
231 天前
svg 路径画出来,然后用获取路径总长度用 stroke-dasharray 一秒一秒加到总长度就差不多这个效果了
super996
231 天前
开发者工具直接能看到
svg ,然后有几个 linearGradient

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1027734

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX