GSAP石头剪刀布小游戏升级版源码

石头剪刀布

GSAP石头剪刀布小游戏升级版源码

​这是一款趣味交互小游戏,基于GSAP技术实现,通过旋转方块的方式展示石头、剪刀、布的随机结果。以手势的方式指出最终的胜出者,为用户带来轻松有趣的游戏体验。

GSAP+ScrollTrigger 实现的美丽混沌效果

混沌效果

GSAP+ScrollTrigger 实现的美丽混沌效果

这是一款动态滚动交互效果,基于GSAP+ScrollTrigger技术实现,页面滚动时,元素(如线条、形状或颜色)以随机且流畅的方式运动、组合或分离,形成一种看似混乱却充满美感的动态视觉效果,为...

GSAP+Canvas实现的科技感十足的动感蓝色网状圆环

网状圆环

GSAP+Canvas实现的科技感十足的动感蓝色网状圆环

一款基于GSAP实现的动感网状光环,在Canvas画布中通过GSAP技术绘制的科技感满满的流光圆形光环效果。

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

水波纹遮挡

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

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

HTML Emoji 表情配对小游戏源码,在一定的时间内你能得多少分?

表情配对

HTML Emoji 表情配对小游戏源码,在一定的时间内你能得多少分?

​这是一款Emoji表情符号配对游戏效果,基于HTML+CSS+GSAP技术实现,支持计时和得分功能。玩家通过选中随机展出的16个Emoji表情中的两个相同的表情即可得分,总时间30秒钟,得分高...

GSAP卷轴式文字展开介绍效果,营造出电影或视频片头的视觉氛围

卷轴展开文字

GSAP卷轴式文字展开介绍效果,营造出电影或视频片头的视觉氛围

这是一款展示卷轴式文字介绍效果,基于GSAP(GreenSock Animation Platform)技术实现,文字以动态滚动的方式呈现,营造出电影或视频片头的视觉氛围。

GSAP实现的3D旋转扭曲螺旋上升文字动画效果

扭曲龙卷风

GSAP实现的3D旋转扭曲螺旋上升文字动画效果

这是一款3D螺旋文字效果,圆柱被切割成多块,然后被拧成麻花一样的形状。立体效果明显,是基于先进的GSAP动画技术实现的。

GSAP鼠标悬停文字波浪起伏并且带有影子效果源码

波浪文字

GSAP鼠标悬停文字波浪起伏并且带有影子效果源码

​一款动感波浪文字效果,基于先进的GSAP前端技术实现,随着鼠标的移动,文字呈现波浪形的立体欺负效果。并且附带逼真的影子效果。

HTML基于emoji表情实现的切水果小游戏源码,小刀切核心,来挑战最高分!

切水果游戏

HTML基于emoji表情实现的切水果小游戏源码,小刀切核心,来挑战最高分!

​一款HTML网页版切水果小游戏,来挑战你的手速!基于GSAP前端插件实现的小游戏,水果素材以及水果刀等素材都是基于emoji表情包实现的,非常简约,代码很简单仅需要100行左右的JS代码即可实现。

HTML实现带萤火虫闪光背景的404等错误页面模板

萤火虫背景

HTML实现带萤火虫闪光背景的404等错误页面模板

一款带萤火虫闪闪发光背景的404等错误页面模板,这款页面模板除了拥有吸引人的萤火虫动画背景外,还支持自定义错误码以及错误文字信息提示。所以该模板可以定义为403/404/500等常见错误页面。

12款CSS和SVG实现的超简约风格圆形Loading加载中效果合集

预加载器

12款CSS和SVG实现的超简约风格圆形Loading加载中效果合集

实现了12款Loading加载中特效,其中前两款是基于SVG实现的,后面十款全部是基于CSS实现的,每一款实现都非常简单,不超过20行代码。用在网站加载间隙特别合适!

CSS+JS响应鼠标移动的圆形旋转标签墙

圆标签墙

CSS+JS响应鼠标移动的圆形旋转标签墙

一款能够响应鼠标移动的圆形自转标签墙,默认圆形标签墙以一定的慢速自转,伴随着鼠标的慢慢远离圆形标签墙会加速旋转运动。特别有趣的一款标签墙!