赛博客
创意机构与个人作品集 HTML 响应式建站模板 | 设计师/摄影师/影视工作室网站通用这款模板围绕"把作品放在第一位"来设计,整屏视觉铺满、支持视频背景与全屏图铺陈,很适合设计师、摄影师、影视后期、建筑事务所以及创意工作室展示项目。六套首页分别对应滑块、轮播、多图幻灯、幻灯片、静...
CSS文字波浪
CSS波浪跳动文字特效 | 网页动态标题视觉效果这是一款文字波浪起伏跳动效果,基于 CSS3 与原生 JavaScript 技术实现,通过将标题拆分为独立字符并施加阶梯式延迟动画,呈现出如水波般连续起伏的律动感,能快速抓住访客视线,适用于品牌...
毛玻璃UI效果
基于纯CSS OKLCH实现的动态玻璃拟态主题切换效果这是一款动态弥散光感玻璃拟态卡片效果,基于 CSS变量、oklch() 相对颜色与 CSS 三角函数技术实现。无需一行 JS,只需修改单个色相数值即可通过数学运算自动演算出和谐的三配色体系,配合...
网页桌上冰球
基于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 响应式建站模板 | 12 套首页/明暗主题/摄影师/工作室通用这款模板围绕创意机构与作品集场景打造,契合创意团队、设计工作室、摄影师、初创公司、独立设计师、自由职业者以及项目展示品牌。风格简约、克制,让作品与项目自然成为主角。相较同类,这款的差异化在于 1...
艾特酷
IT科技公司网站模板 | 10+首页布局 SaaS软件AI技术响应式HTML模板这套面向IT服务商、软件公司、SaaS创业团队、人工智能、网络安全、数字代理及技术顾问打造的HTML模板,以简洁专业的现代设计为科技类业务提供完整的线上展示方案。模板内置10余套风格各异的首页...
个性文件夹
纯 CSS 磨砂玻璃风文件夹悬停升起特效这是一款质感细腻的磨砂玻璃风(Glassmorphic)文件夹交互特效,基于 Tailwind CSS 与高级渐变背景技术实现。该设计巧妙运用了半透明背景模糊(backdrop-blur)与内阴...
3D悬停视差卡片
纯CSS鼠标悬停3D视差卡片特效这是一个完全基于纯CSS(无需JavaScript)实现的3D鼠标悬停视差卡片效果。利用CSS的 :hover 伪类配合 transform 与 perspective 属性,当鼠标指针在卡片上...