相片贴纸
基于SVG滤镜实现的手绘风线条贴纸相片装饰动画效果这是一款手绘风线条抖动（Boiling Effect）贴纸效果，基于 SVG 滤镜与 CSS 动画 技术实现。通过给图形边缘添加不规则的随机扰动，让静态的手绘 Emoji 和文字呈现出如经典定格...
弗拉格
问答社区与知识分享网站专用 HTML 响应式建站模板 | Q&A/知识付费/开发者社区通用这款模板围绕问答论坛与知识社区场景打造，契合线上社群、垂直问答网站、营销网站、开发者社区等业态，能帮你快速搭出类似 StackOverflow、Quora、Yahoo Answers 那种全功...
乔布思
现代招聘门户与职位信息 HTML 响应式建站模板 | 求职/岗位发布/HR/双端仪表盘通用这款模板专为招聘门户、求职平台、岗位信息网站与人力资源类品牌打造,支持雇主端与求职者端的完整业务动线。六套差异化首页可按招聘品牌的定位灵活挑选,多套职位列表与职位详情页方案覆盖不同信息密度需求,...
毛玻璃UI效果
基于纯CSS OKLCH实现的动态玻璃拟态主题切换效果这是一款动态弥散光感玻璃拟态卡片效果，基于 CSS变量、oklch() 相对颜色与 CSS 三角函数技术实现。无需一行 JS，只需修改单个色相数值即可通过数学运算自动演算出和谐的三配色体系，配合...
Tab选项卡切换
基于GSAP/SplitText实现的动态文本切换Tab选项卡效果这是一款文本拆分无缝过渡的Tab选项卡动效，基于 GSAP 与 SplitText 插件技术实现。切换标签时，新旧文本通过逐字、逐行的平滑淡入位移自然衔接，打破了传统Tab切换的呆板感。个人认为...
网页桌上冰球
基于Canvas 2D的科技感炫彩霓虹桌上冰球（Air Hockey）交互网页小游戏这是一款霓虹科技风桌上冰球网页小游戏，基于HTML5 Canvas 2D技术实现，它融合了矢量物理碰撞、智能人机对战（CPU AI）、粒子撞击火花以及慢动作绝杀等街机级打击感动效，且全盘兼容鼠标...
粒子黑洞
WebGL创意交互：基于Three.js与GLSL着色器的3D粒子黑洞演化特效这是一款3D交互式黑洞奇点演化效果，基于JavaScript + Three.js + GLSL着色器 + GSAP技术实现，它细腻地模拟了宇宙物质从平稳吸积盘到湍流爆发、再到相对论性引力坍缩的...
故障导航菜单
基于GSAP的复古赛博朋克故障风（Glitch）导航菜单这是一款复古故障风导航菜单效果，基于CSS+GSAP动画库技术实现，通过高频随机的文本撕裂、横向位移错位以及色彩重叠动效，生动还原了早期电子屏幕的信号抖动感，能瞬间拉满页面的科幻与前卫属性，适用...
跳跃小游戏
Canvas 2D方块绳索跳跃 HTML5 网页小游戏这是一款2D方块绳索荡跃小游戏，基于HTML5 Canvas与JavaScript技术实现。玩家需要控制一个方块角色，利用绳索抓取顶部并在色彩多变的迷宫通道中荡跃前进，通过对时机的精准把控来躲避...
路径动画
GSAP ScrollTrigger 视差滚动与 SVG 路径绘图特效 | 创意滚动交互效果，适合时间轴、项目展示等场景这是一款滚动视差代码展台效果，基于GSAP (ScrollTrigger / SplitText) 与 SVG 路径描边技术实现。当用户向下滚动页面时，前台的毛玻璃卡片与背景绚丽的 SVG 渐变...
爱心眼神跟随
HTML/JS趣味爱心眼神跟随鼠标交互特效 | 创意微拟物网页动效这是一款趣味爱心眼神跟随效果，基于HTML+CSS+JavaScript技术实现，画面中央的拟物风爱心拥有一双灵动的眼睛，能够实时追踪鼠标指针的移动，并根据鼠标的远近距离产生自然的呼吸起伏与光晕...
科技感文件夹
CSS 自定义 3D 霓虹发光科技感文件夹悬停交互动画效果这是一款霓虹科技感文件夹卡片效果，基于Tailwind CSS技术实现。在默认状态下，它呈现一个内敛且带有青色荧光呼吸质感的文件夹；一旦鼠标悬停，多张带有霓虹边框的“虚拟数据文件”会伴随着平滑的...