水平滚动
GSAP实现横向滚动多图片预览效果,附带时尚的鼠标悬停以及惯性拉伸效果这是一款水平滚动多图预览效果,伴随有滚动惯性倾斜图片拉伸效果,支持上下左右滚动鼠标驱动图片的切换,基于GSAP.js技术实现,灵感来源于Willy Brauner的网站设计,通过平滑的横向滚动展...
色盲图卡
GSAP实现的色盲测试图谱,多个不同颜色的小圆组成的大圆这是一款动态几何图形效果,基于GSAP+Canvas技术实现,多个小圆围绕一个大圆排列,点击页面后小圆的位置和大小随机刷新,形成新的视觉组合,为用户提供简洁而有趣的交互体验。经过适当改造升级为色...
蠕虫效果
GSAP Canvas 手绘涂鸦蠕虫动画效果这是一款动态手绘蠕虫涂鸦效果,基于GSAP+Canvas技术实现,通过流畅的动画模拟手绘线条的绘制过程,线条以自然的弯曲和抖动效果呈现,为用户带来生动且富有艺术感的视觉体验。适用于创意展示或个性...
迷宫小游戏
基于Canvas+SVG+GSAP实现的钻石迷宫小游戏源码下载这是一款迷宫探索小游戏,基于Canvas+SVG+GSAP技术实现,用户可以在由蓝色方块组成的迷宫中移动,黑色代表可通行区域,蓝色方块代表障碍,红色代表移动目标。通过简单的图像转换(如PNG),...
石头剪刀布
GSAP石头剪刀布小游戏升级版源码这是一款趣味交互小游戏,基于GSAP技术实现,通过旋转方块的方式展示石头、剪刀、布的随机结果。以手势的方式指出最终的胜出者,为用户带来轻松有趣的游戏体验。
混沌效果
GSAP+ScrollTrigger 实现的美丽混沌效果这是一款动态滚动交互效果,基于GSAP+ScrollTrigger技术实现,页面滚动时,元素(如线条、形状或颜色)以随机且流畅的方式运动、组合或分离,形成一种看似混乱却充满美感的动态视觉效果,为...
表情配对
HTML Emoji 表情配对小游戏源码,在一定的时间内你能得多少分?这是一款Emoji表情符号配对游戏效果,基于HTML+CSS+GSAP技术实现,支持计时和得分功能。玩家通过选中随机展出的16个Emoji表情中的两个相同的表情即可得分,总时间30秒钟,得分高...
卷轴展开文字
GSAP卷轴式文字展开介绍效果,营造出电影或视频片头的视觉氛围这是一款展示卷轴式文字介绍效果,基于GSAP(GreenSock Animation Platform)技术实现,文字以动态滚动的方式呈现,营造出电影或视频片头的视觉氛围。



