霓虹灯管404错误页 纯CSS闪烁故障特效

404错误页模板

霓虹灯管404错误页 纯CSS闪烁故障特效

仿老式霓虹招牌的404页面,字母不规则闪烁如接触不良,悬停整块灯管点亮,纯CSS实现无图片依赖。

纯CSS图标卡片悬停跟随特效 锚点定位交互

CSS悬停跟随

纯CSS图标卡片悬停跟随特效 锚点定位交互

鼠标移到哪张卡片,巨大的图标虚影就滑到哪里并同步变色,八张图标卡零脚本实现,适合服务介绍与功能导航板块。

银行卡布局+粒子爆炸消散特效,卡片碎裂动画

银行卡UI

银行卡布局+粒子爆炸消散特效,卡片碎裂动画

点击按钮,银行虚拟卡片瞬间碎成上千颗粒子四散飞出,卡面细节全由代码绘制,适合会员卡注销、删除确认等交互演示。

CSS滚动驱动小票打印动画 收银机效果演示

小票打印特效

CSS滚动驱动小票打印动画 收银机效果演示

页面下滑,小票逐段从打印机吐出,明细与条码同步显现,可一键换新。纯CSS滚动驱动动画实现,适合电商与创意落地页。

Three.js无限画廊 3D 隧道式图片展示特效

WebGL图片展示

Three.js无限画廊 3D 隧道式图片展示特效

3D隧道式无限图片长廊,拖动穿行、点击看大图,任意比例图片自动适配不变形。Three.js+GSAP实现,适合作品集与数字展厅。

CSS Grid时间轴排期表 甘特图式日程布局

甘特图布局

CSS Grid时间轴排期表 甘特图式日程布局

半小时刻度的横向排期表,加任务只需写起止列号,表头与行严格对齐。纯CSS Grid实现零脚本,适合排班表与甘特图。

Three.js神经元突触3D可视化,科技感数据界面

WebGL辉光效果

Three.js神经元突触3D可视化,科技感数据界面

点击即可触发电信号沿树突传导的神经元3D模拟,辉光后处理配实时HUD面板。Three.js实现,适合科普演示与科技大屏。

纯CSS六边形光晕圆环动效 鼠标交互背景特效

CSS圆形光效

纯CSS六边形光晕圆环动效 鼠标交互背景特效

这是一款六个渐变光球围绕中心呼吸、扩散的环形光效,基于纯CSS(@property自定义属性动画、三角函数计算、mix-blend-mode混合模式)实现,鼠标或手指移动时可实时改变光球的散开半...

手撕笔记本纸用户评价卡(纯CSS活页纸质感)

用户评价卡片

手撕笔记本纸用户评价卡(纯CSS活页纸质感)

这是一款笔记本活页纸风格的用户评价卡片,基于纯 CSS 实现。三张便签纸随意叠放、各带轻微倾斜角度,左侧边缘由遮罩挖出整排装订圆孔,纸面印着淡淡横格线,文字行高与格线严格对齐,配上打字机字体和柔...

3D机械猫行走动画附带开炮效果(Three.js可交互机甲角色动画)

机械猫模型

3D机械猫行走动画附带开炮效果(Three.js可交互机甲角色动画)

这是一款可交互的 3D 机械猫场景,基于 Three.js 实现。紫青撞色的机甲猫在平台上做连贯的行走循环,四肢关节分段驱动、步态自然,背上架着一门四管武器;点击"开火"或按空格,炮口先蓄能亮起...

赛博故障风单选按钮(SVG滤镜+GSAP霓虹动效)

故障风单选按钮

赛博故障风单选按钮(SVG滤镜+GSAP霓虹动效)

这是一款赛博朋克故障风格的单选按钮组,基于 SVG 滤镜与 GSAP 动画实现。深色底上是一排霓虹绿的选项标签,鼠标悬停时背后的扫描线开始滚动并明暗闪烁,像老式显像管屏幕;选中某项时,粉色与青绿...

3D植物商店经营 HTML 小游戏(React Three Fiber网页3D游戏)
精品

3D种植经营游戏

3D植物商店经营 HTML 小游戏(React Three Fiber网页3D游戏)

这是一款完整的 3D 种植经营游戏,基于 React Three Fiber 与 Three.js 实现,在浏览器里即可运行。玩法闭环清晰:去集市买种子,种进温室花盆,按时浇水,成熟后卖出赚钱。