磁铁感应
Three.js 软体球相互吸引与排斥物理模拟磁铁感应效果，并且带果冻质感弹性碰撞动效这是一款基于 Three.js 实现的软体相互吸引与排斥物理模拟效果。鼠标靠近时，两个球与鼠标箭头之间产生类似于磁铁的排斥感，两个半透明果冻球之间会有磁铁的吸引感，在接触时会产生真实的挤压形变，...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果，适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效，多层嵌套圆环随鼠标移动产生错位追随，外圈流动着蓝粉渐变光晕，内圈呈现深邃的波纹扩散感，整体像一个悬浮发光的音响或虫洞入口，视觉冲击力很强。每层圆环...
3D果肉魔方
次表面散射艺术：赋予 Web 3D 材质“生命力”的多汁果肉魔方（Canvas + WebGL）这是一款 3D 物理材质模拟动态魔方效果，支持魔方多种形态自动变化。它基于 Canvas + WebGL 技术实现，核心突破在于对「次表面散射」的细腻刻画。这种效果模拟了光线进入物体内部并发生折...
弹性菜单
CSS/SVG粘性果冻、液体流动效果底部导航菜单栏，具有弹性形变流动特效这是一款采用SVG滤镜和CSS动画打造的类似于果冻的粘性质感底部导航菜单，通过独特的液态形变算法实现菜单项之间的拉伸粘连效果。悬停时菜单项如液态金属般弹性拉扯，同时保持光滑的表面张力和自然回弹轨...
移动菜单
CSS果冻弹性移动端底部导航菜单 - 动态渐变色交互特效这是一款创新的果冻质感移动端底部导航菜单，基于CSS变形动画（transform）和动态渐变技术实现。菜单项具有弹性按压效果，点击时像果冻一样挤压回弹，搭配流动渐变色背景，营造出独特的视觉反馈体...
黏糊糊菜单项
CSS+JS毛玻璃背景粘性水滴聚集效果导航菜单 - 弹性重力交互动效！这是一款极具创意的毛玻璃背景+水滴汇聚效果的导航菜单组件，基于CSS滤镜（毛玻璃模糊）和JS重力模拟算法实现。菜单项带有粘性弹性效果，点击时像水滴聚集到一起的黏糊糊柑橘，配合半透明磨砂玻璃背景，...
悬挂工具栏
GSAP+CSS悬挂弹性图标工具栏，可放置在页面的任意位置！这是一款可放置在网页任意位置的充满弹跳活力的导航工具栏，基于GSAP动画库+CSS技术实现，当用户点击图标时，向下弹出工具菜单栏会呈现Q弹的跳跃动画，就像果冻一样活泼有趣。特别适合儿童教育、创意...
弹跳加载
CSS果冻豆弹跳Loading加载动画这是一款基于CSS关键帧动画实现的弹性加载动效，融合动画十二法则中的挤压拉伸原理，形似Scrabble棋子弹跳，适用于轻量级Loading等待状态或游戏化界面场景。
果冻按钮
CSS+SVG创意果冻弹性下载按钮这是一款果冻弹性效果的下载按钮，基于CSS+SVG技术实现，按钮在点击时会呈现画圈加载效果以及弹性变形和回弹动画，模拟果冻般的柔软质感，为用户提供生动且富有乐趣的交互体验，适用于吸引用户注意的下...
趣味加载器
CSS趣味箱子图形跳跃、旋转、变换形态Loading加载中效果通过CSS的动画变换过渡效果实现的一款趣味箱子运动Loading预加载器，这款Loading加载中特效总共包含三组图形运动动画效果，第一组为四个圆角四边形按照顺时针追随旋转，第二组为三个图形像...