ThreeJS 悬浮扑克牌特效源码,支持点击翻转卡片

悬浮卡片

ThreeJS 悬浮扑克牌特效源码,支持点击翻转卡片

这是一款基于ThreeJS技术实现的悬浮飘动扑克牌动画效果,可展示多张扑克牌在空中悬浮飘动的逼真效果,并且支持相应鼠标点击翻转事件,适用于赌场魔术主题网站或创意交互场景。

Canvas彩色气泡鼠标拖尾特效源码

鼠标拖尾

Canvas彩色气泡鼠标拖尾特效源码

这是一款动态鼠标光标跟随效果,基于2D Canvas技术实现,鼠标移动时会产生彩色半透明气泡拖尾,适用于创意作品集或儿童主题网页的趣味交互装饰。

7款个性的 CSS 动态文字动画特效集

文字动画

7款个性的 CSS 动态文字动画特效集

这是一组基于 Splitting.js + CSS 实现的多样化文字动画,包含跳跃、翻转、弹跳、漂浮、慢跑、旋转、抖动等效果,适用于标题强调、广告文案或创意网页交互场景。

HTML动态文字墙生成动画,一段文字被分割为多个句子扩散开来动画效果

文字扩散

HTML动态文字墙生成动画,一段文字被分割为多个句子扩散开来动画效果

​这是一款基于 JavaScript + CSS 技术实现的自动生成动态文字墙效果,实现了自动将一段话分隔成句子,然后分散在四周的动画效果。文字可直接替换。通过循环动画控制密集文本的视觉变化,适...

纯CSS故障艺术特效(错误弹窗风格),模拟系统报错弹窗的失真抖动效果

错误页面

纯CSS故障艺术特效(错误弹窗风格),模拟系统报错弹窗的失真抖动效果

这是一款基于 纯CSS 技术实现的的故障艺术(Glitch Effect)动效,模拟系统报错弹窗的失真抖动效果,无需JavaScript,适用于赛博朋克风格错误页面、创意海报或视觉实验场景。

JS 交互式弹性粒子避让鼠标效果

躲避效果

JS 交互式弹性粒子避让鼠标效果

这是一款基于 JavaScript 技术实现的的动态彩色球状粒子与鼠标交互的动画效果,粒子通过物理算法模拟弹性避让鼠标的效果,适用于科技感背景或创意交互设计场景。

18种不同风格的自定义高级CSS开关切换Checkbox按钮合集

切换按钮

18种不同风格的自定义高级CSS开关切换Checkbox按钮合集

这是一套基于 纯CSS/JS 技术实现的多样化CheckBox开关组件,包含18种创意交互样式(如滑动、3D翻转、表情、IOS风格、霓虹灯效果、填充效果、反弹、阴影、斜面、Material De...

SVG动态波纹图片滤镜,悬停控制滤镜暂停效果

模糊滤镜

SVG动态波纹图片滤镜,悬停控制滤镜暂停效果

这是一款基于 SVG滤镜+ CSS技术实现的图片滤镜动画特效,为图像添加波纹、扭曲等动态滤镜,悬停时暂停动画,适用于创意相册、作品集展示等视觉交互场景。

HTML中基于Canvas+CSS实现可定制化《黑客帝国》式文字雨特效

文字雨

HTML中基于Canvas+CSS实现可定制化《黑客帝国》式文字雨特效

这是一款基于 JavaScript + Canvas 的动态数字矩阵模拟效果,模仿经典电影中的代码雨(Matrix Rain),支持自定义文字、速度及颜色,适用于科技感网站背景或创意视觉展示场景。

基于WebGL与Canvas实现的星际迷航风格 3D 太空穿梭着色器

太空穿梭

基于WebGL与Canvas实现的星际迷航风格 3D 太空穿梭着色器

这是一款受 SpaceX 星舰测试启发的 片段着色器(Fragment Shader) 特效,通过 GLSL 代码模拟宇宙飞船穿越星云或气态巨行星的科幻场景,适用于太空模拟、科幻游戏或 WebG...

GSAP+splitting实现炫酷图片入场动画,图片被切割后,单个切割单元以旋转方式入场

图片切割

GSAP+splitting实现炫酷图片入场动画,图片被切割后,单个切割单元以旋转方式入场

这是一款基于 Splitting.js + GSAP 技术实现的图像切割动效,将图片纵向拆分为多个单元并施加独立动画,适用于创意作品集、视觉冲击展示、图片入场或交互式媒体场景。

响应式CSS文字裁剪路径动画,将图片至于文字背面!

裁剪文字

响应式CSS文字裁剪路径动画,将图片至于文字背面!

这是一款基于纯CSS技术实现的动态文字裁剪效果,将图片至于文字背面,利用 clip-path 实现响应式文本视觉变形,适配不同屏幕尺寸,适用于标题特效、创意文案展示等视觉冲击场景。