蠕动加载器

纯 CSS 圆球贪吃蛇蠕动加载动画效果

​这是一款蛇形加载动画效果,基于纯CSS技术实现。一串橙色圆球排成S形曲线,像贪吃蛇在屏幕上扭动身体。每个圆球的大小有微妙变化,越靠近"蛇头"越大,越往"蛇尾"越小,营造出透视纵深感。整条蛇会循...

轨迹之美

基于 GSAP 打造的滚动驱动可视化曲线路径调试器

这是一款交互式可视化路径调试器，基于 GSAP + ScrollTrigger + MotionPathPlugin 优质动效库组合实现。它最惊艳的地方在于将网页中原本“肉眼不可见”的滚动轨迹彻...

曲线路径轮播

纯CSS打造自定义曲线路径卡片轮播动画效果

这是一款纯 CSS 实现的卡片路径滚动轮播，无需JavaScript，仅通过关键帧动画和transform属性控制每张卡片的位置与旋转，就能让卡片沿着自定义的非直线路径做循环滚动 —— 卡片还带...

边缘曲线

纯CSS卡片边缘外扩曲线悬停动画效果

这是一款基于CSS inset 属性实现的卡片边缘曲线布局效果并且带有悬停交互效果，卡片在光标移入时沿曲线路径外扩变形，适用于按钮或卡片交互增强场景。

萤火虫许愿瓶

HTML中基于GSAP实现玻璃瓶中的萤火虫（萤火虫许愿瓶）动画源码下载

是一款萤火虫在玻璃瓶中运动动画效果，基于GSAP技术实现，粒子沿贝塞尔曲线路径运动，模拟萤火虫闪烁飞行的自然场景，营造梦幻氛围。