文字动画
7款个性的 CSS 动态文字动画特效集这是一组基于 Splitting.js + CSS 实现的多样化文字动画,包含跳跃、翻转、弹跳、漂浮、慢跑、旋转、抖动等效果,适用于标题强调、广告文案或创意网页交互场景。
通知中心
自定义轻量级 Tailwind CSS 通知中心组件源码这是一款基于 Tailwind CSS 组件实现的轻量级通知中心,支持消息堆叠、自动关闭和交互反馈,适用于后台管理系统、Web应用或实时消息提示场景。
火花粒子
基于 Canvas 实现的光标火花粒子鼠标跟随拖尾特效,可轻松集成到HTML网页中!这是一款基于 JavaScript Canvas 技术实现的鼠标交互粒子效果,在鼠标移动时生成动态火花轨迹,支持自定义颜色/速度/密度,适用于网页背景增强或科技感交互场景。
文字扩散
HTML动态文字墙生成动画,一段文字被分割为多个句子扩散开来动画效果这是一款基于 JavaScript + CSS 技术实现的自动生成动态文字墙效果,实现了自动将一段话分隔成句子,然后分散在四周的动画效果。文字可直接替换。通过循环动画控制密集文本的视觉变化,适...
404错误页面
CSS故障特效+随机Canvas弹窗实现404错误页面布局这是一款结合 CSS故障艺术(Glitch Effect) 和 Canvas随机弹窗 的混合动态效果,模拟系统崩溃时的视觉错乱,并随机弹出404错误提示,适用于赛博朋克、错误页设计或实验性视觉项目。
网页视频音乐
jQuery + HTML5 高端背景视频与音乐同步嵌入示例源码这是一款基于 HTML5 <audio> 和 <video> 的多媒体播放方案,支持网页背景音视频无缝集成,适用于企业网站、作品集或沉浸式叙事场景。
错误页面
纯CSS故障艺术特效(错误弹窗风格),模拟系统报错弹窗的失真抖动效果这是一款基于 纯CSS 技术实现的的故障艺术(Glitch Effect)动效,模拟系统报错弹窗的失真抖动效果,无需JavaScript,适用于赛博朋克风格错误页面、创意海报或视觉实验场景。
躲避效果
JS 交互式弹性粒子避让鼠标效果这是一款基于 JavaScript 技术实现的的动态彩色球状粒子与鼠标交互的动画效果,粒子通过物理算法模拟弹性避让鼠标的效果,适用于科技感背景或创意交互设计场景。
俄罗斯方块
HTML复古几何拼图风格经典俄罗斯方块模拟器小游戏源码这是一款基于 JavaScript/HTML5 Canvas 技术实现的怀旧俄罗斯方块小游戏项目,还原经典俄罗斯方块玩法,包含像素风画面、音效和传统计分机制,适用于怀旧游戏平台或网页互动娱乐场景。
切换按钮
18种不同风格的自定义高级CSS开关切换Checkbox按钮合集这是一套基于 纯CSS/JS 技术实现的多样化CheckBox开关组件,包含18种创意交互样式(如滑动、3D翻转、表情、IOS风格、霓虹灯效果、填充效果、反弹、阴影、斜面、Material De...
无限滚动卡片
GSAP 无限横向滚动图文卡片特效,支持多种切换操控方式这是一款基于 GSAP 技术实现的无限循环横向滚动效果,支持按钮、键盘(上下箭头/PgUp/PgDn)及鼠标滚轮操控,而且支持响应式布局,能在手机登小设备屏幕良好运行,适用于横向内容展示、轮播图...
入场特效
CSS 动画延迟卡片错落入场动画,卡片边框附带延误围绕效果这是一款基于 纯CSS动画延迟(animation-delay) 技术实现的的卡片错落入场动画效果,通过时序差营造流畅的层叠过渡,并且每个卡片的边框都融入了类似烟雾一样的动画效果,适用于作品集...