WebGL图片展示
Three.js无限画廊 3D 隧道式图片展示特效3D隧道式无限图片长廊,拖动穿行、点击看大图,任意比例图片自动适配不变形。Three.js+GSAP实现,适合作品集与数字展厅。
CSS圆形光效
纯CSS六边形光晕圆环动效 鼠标交互背景特效这是一款六个渐变光球围绕中心呼吸、扩散的环形光效,基于纯CSS(@property自定义属性动画、三角函数计算、mix-blend-mode混合模式)实现,鼠标或手指移动时可实时改变光球的散开半...
用户评价卡片
手撕笔记本纸用户评价卡(纯CSS活页纸质感)这是一款笔记本活页纸风格的用户评价卡片,基于纯 CSS 实现。三张便签纸随意叠放、各带轻微倾斜角度,左侧边缘由遮罩挖出整排装订圆孔,纸面印着淡淡横格线,文字行高与格线严格对齐,配上打字机字体和柔...
机械猫模型
3D机械猫行走动画附带开炮效果(Three.js可交互机甲角色动画)这是一款可交互的 3D 机械猫场景,基于 Three.js 实现。紫青撞色的机甲猫在平台上做连贯的行走循环,四肢关节分段驱动、步态自然,背上架着一门四管武器;点击"开火"或按空格,炮口先蓄能亮起...
故障风单选按钮
赛博故障风单选按钮(SVG滤镜+GSAP霓虹动效)这是一款赛博朋克故障风格的单选按钮组,基于 SVG 滤镜与 GSAP 动画实现。深色底上是一排霓虹绿的选项标签,鼠标悬停时背后的扫描线开始滚动并明暗闪烁,像老式显像管屏幕;选中某项时,粉色与青绿...
3D种植经营游戏
3D植物商店经营 HTML 小游戏(React Three Fiber网页3D游戏)这是一款完整的 3D 种植经营游戏,基于 React Three Fiber 与 Three.js 实现,在浏览器里即可运行。玩法闭环清晰:去集市买种子,种进温室花盆,按时浇水,成熟后卖出赚钱。





