多列图片无限滚动
Three.js WebGL 反向滚动多列图片墙动效,沉浸式滚动驱动拼贴画交互效果这是一款多列反向滚动沉浸式图片拼贴画交互效果,基于 Three.js WebGL 技术实现,支持 5 组独立图片带的差异化滚动控制,可实现正反交替的滚动方向、自定义曲率与旋转角度,搭配垂直无限循...
凹面无限图库
WebGL 交互式凹面畸变无限图片画廊,沉浸式前端创意交互效果这是一款沉浸式交互式无限图片画廊效果,基于 WebGL 技术实现,自带实时鼠标响应的向内凹面畸变特效,能呈现出包裹感极强的弧形曲面网格视觉效果。支持拖拽平移无缝图片矩阵、滚轮或键盘快捷导航,还可...
手风琴卡片
纯 CSS 弹性手风琴卡片展开效果这是一款零JS依赖的弹性手风琴卡片组件,基于纯 CSS Flexbox 实现。如演示所示,未激活的卡片呈灰度收缩状态,悬停后平滑展开并还原全彩色,描述文字从底部上滑显示,视觉反差感强、过渡自然。...
实时壁纸
超写实雨滴玻璃动态壁纸生成器(WebGL+CSS)|支持日历+本地实时天气这是一款基于 WebGL + CSS Glassmorphism 技术实现的雨天玻璃模拟效果,雨滴的折射、流淌、聚合全部逼真还原,不是简单的动图,而是实时渲染的物理级视觉体验。背景支持自定义图片...
照片预览
原生 JavaScript 简约灯箱图片预览组件这是一款图片灯箱展示效果,基于纯 JavaScript 实现。点击缩略图后图片以全屏弹窗形式展开,配备左右切换箭头、关闭按钮、自定义图片说明等完整功能,无需依赖任何外部库。很多网站的图片查看体验...
数字变化器
纯CSS弹性数字加减选择器(步进器),优雅又实用的数字加减调节方案这是一款纯CSS实现的带颤抖弹性效果的步进数值选择器,通过隐藏的单选按钮 radio 驱动,支持键盘操作,兼顾美观与可用性。用户可通过点击加减按钮或使用方向键调整数值,交互流畅且无障碍友好。这种...
堆叠轮播
垂直滚动 3D 堆叠式团队成员图文卡片轮播组件(CSS+JS)这是一款垂直滚动 3D 堆叠式图文轮播效果,基于 HTML+CSS+JavaScript 技术实现,它把图文卡片做成了有层次感的 3D 堆叠样式,支持垂直滚动切换,还搭配了平滑动画、滑动 / 键...
在线问卷
纯 JS+JSON 打造的交互式在线问卷调查测验组件,支持定制外观以及轻松维护题目和答案这是一款基于原生 JavaScript 和 JSON 的交互式问卷调查答题组件系统,用纯JS动态加载题目,无需依赖其他插件库,可动态加载题目、答案和解析,支持单选题、多选题、判断题等多种题型,还...
液态过渡幻灯片
GSAP液态形态过渡 3D 幻灯片切换效果,附带图片预览倒计时进度条这是一款基于 GSAP 技术打造的液态变形轮播效果,通过3D流体形态实现图片间的无缝过渡,画面如液体般流动融合,视觉冲击力强,还可通过键盘以及鼠标控制图片的切换,附带图片预览倒计时进度条。适用于...
像素风武士
“我的世界”像素风武士角色行走、攻击等动作,用CSS+JS打造复古游戏级交互体验这是一款像素风武士角色动画效果,基于CSS steps() 函数与JavaScript实现,通过精灵图(spritesheet)驱动角色行走、攻击等动作,响应键盘输入流畅切换动画帧。适用于游戏化...
模拟键盘
CSS+JS支持实时响应键盘操作的模拟键盘与屏幕这是一款HTML+CSS+JS技术实现的一个键盘和一块屏幕,模拟键盘能够响应真实键盘的输入事件,屏幕上能够实时显示键盘输入的内容,通过视觉化键盘交互与屏幕实时反馈,创造沉浸式输入体验,适用于在线...
移动小游戏
极简滑块移动HTML益智小游戏源码下载,移动到目标滑块位置则获胜!这是一款极简风格的滑块移动到目标位置的益智HTML小游戏源代码,基于HTML+JS+CSS技术实现,包含50+个难度递增的关卡和多种特殊弯道位置,通过键盘方向键或触屏即可操作。其响应式设计良好适...