Three.js 实现的 3D 流体水波纹交互动画效果

水波纹

Three.js 实现的 3D 流体水波纹交互动画效果

这是一款基于Three.js组件库实现的3D流体背景特效。画面呈现出波浪状曲面,表面像丝绸般柔软起伏,背景是一张从紫色、粉色、红色、橙色到黄色自然过渡,配合白色立体文字"LIQUID EFFEC...

SVG+GSAP实现的水波纹遮挡图片切换过渡效果

水波纹遮挡

SVG+GSAP实现的水波纹遮挡图片切换过渡效果

这是一款SVG图像序列遮罩水墨画波纹动画效果,基于SVG+GSAP技术实现,通过遮罩层动态轮播图片,创造出流畅的视觉过渡效果。

CSS实现的水波纹边框效果按钮

波纹动画

CSS实现的水波纹边框效果按钮

该代码文件创建了一种具有水波纹边框效果的按钮。使用CSS的伪元素::before创建波纹效果,并应用不同的动画延迟创建不同效果的波纹按钮效果。这种效果可以增强按钮的交互性和视觉吸引力。

带波浪切换按钮效果的响应式 gsap 内容轮播组件

揭幕式轮播

带波浪切换按钮效果的响应式 gsap 内容轮播组件

​gsap实现的揭幕式动画效果内容轮播切换插件,配备了基于 CSS 创建的波纹扩散动画效果的左右切换按钮,通过gsap组件实现的揭幕式切换动画效果,丝滑顺畅给用户一种利索的感觉。