响应式轻量级图片轮播,现代 JS 键盘导航懒加载轮播组件

键盘导航轮播

响应式轻量级图片轮播,现代 JS 键盘导航懒加载轮播组件

这是一款响应式轻量可访问图片轮播效果,基于现代 JavaScript 技术实现,支持键盘无障碍操作、平滑滚动切换、缩略图懒加载、相邻图片预加载,加载快、交互稳、适配全,相比普通轮播,对键盘用户更...

Three.js WebGL 反向滚动多列图片墙动效,沉浸式滚动驱动拼贴画交互效果

多列图片无限滚动

Three.js WebGL 反向滚动多列图片墙动效,沉浸式滚动驱动拼贴画交互效果

这是一款多列反向滚动沉浸式图片拼贴画交互效果,基于 Three.js WebGL 技术实现,支持 5 组独立图片带的差异化滚动控制,可实现正反交替的滚动方向、自定义曲率与旋转角度,搭配垂直无限循...

WebGL 交互式凹面畸变无限图片画廊,沉浸式前端创意交互效果

凹面无限图库

WebGL 交互式凹面畸变无限图片画廊,沉浸式前端创意交互效果

这是一款沉浸式交互式无限图片画廊效果,基于 WebGL 技术实现,自带实时鼠标响应的向内凹面畸变特效,能呈现出包裹感极强的弧形曲面网格视觉效果。支持拖拽平移无缝图片矩阵、滚轮或键盘快捷导航,还可...

纯 CSS 弹性手风琴卡片展开效果

手风琴卡片

纯 CSS 弹性手风琴卡片展开效果

这是一款零JS依赖的弹性手风琴卡片组件,基于纯 CSS Flexbox 实现。如演示所示,未激活的卡片呈灰度收缩状态,悬停后平滑展开并还原全彩色,描述文字从底部上滑显示,视觉反差感强、过渡自然。...

超写实雨滴玻璃动态壁纸生成器(WebGL+CSS)|支持日历+本地实时天气

实时壁纸

超写实雨滴玻璃动态壁纸生成器(WebGL+CSS)|支持日历+本地实时天气

这是一款基于 WebGL + CSS Glassmorphism 技术实现的雨天玻璃模拟效果,雨滴的折射、流淌、聚合全部逼真还原,不是简单的动图,而是实时渲染的物理级视觉体验。背景支持自定义图片...

原生 JavaScript 简约灯箱图片预览组件

照片预览

原生 JavaScript 简约灯箱图片预览组件

这是一款图片灯箱展示效果,基于纯 JavaScript 实现。点击缩略图后图片以全屏弹窗形式展开,配备左右切换箭头、关闭按钮、自定义图片说明等完整功能,无需依赖任何外部库。很多网站的图片查看体验...

去中心化金融 DeFi 仪表盘 HTML 响应式网站模板 - 专业 AMM 自动做市商流动性池交易平台前端模板

连胜王

去中心化金融 DeFi 仪表盘 HTML 响应式网站模板 - 专业 AMM 自动做市商流动性池交易平台前端模板

这是一套专为去中心化金融(DeFi)生态打造的前沿仪表盘 HTML 响应式网站模板,特别适合搭建自动做市商(AMM)平台、流动性池管理系统、去中心化交易所(DEX)、收益聚合器、质押挖矿平台以及...

纯CSS弹性数字加减选择器(步进器),优雅又实用的数字加减调节方案

数字变化器

纯CSS弹性数字加减选择器(步进器),优雅又实用的数字加减调节方案

这是一款纯CSS实现的带颤抖弹性效果的步进数值选择器,通过隐藏的单选按钮 radio 驱动,支持键盘操作,兼顾美观与可用性。用户可通过点击加减按钮或使用方向键调整数值,交互流畅且无障碍友好。这种...

垂直滚动 3D 堆叠式团队成员图文卡片轮播组件(CSS+JS)

堆叠轮播

垂直滚动 3D 堆叠式团队成员图文卡片轮播组件(CSS+JS)

这是一款垂直滚动 3D 堆叠式图文轮播效果,基于 HTML+CSS+JavaScript 技术实现,它把图文卡片做成了有层次感的 3D 堆叠样式,支持垂直滚动切换,还搭配了平滑动画、滑动 / 键...

纯 JS+JSON 打造的交互式在线问卷调查测验组件,支持定制外观以及轻松维护题目和答案

在线问卷

纯 JS+JSON 打造的交互式在线问卷调查测验组件,支持定制外观以及轻松维护题目和答案

这是一款基于原生 JavaScript 和 JSON 的交互式问卷调查答题组件系统,用纯JS动态加载题目,无需依赖其他插件库,可动态加载题目、答案和解析,支持单选题、多选题、判断题等多种题型,还...

GSAP液态形态过渡 3D 幻灯片切换效果,附带图片预览倒计时进度条

液态过渡幻灯片

GSAP液态形态过渡 3D 幻灯片切换效果,附带图片预览倒计时进度条

这是一款基于 GSAP 技术打造的液态变形轮播效果,通过3D流体形态实现图片间的无缝过渡,画面如液体般流动融合,视觉冲击力强,还可通过键盘以及鼠标控制图片的切换,附带图片预览倒计时进度条。适用于...

“我的世界”像素风武士角色行走、攻击等动作,用CSS+JS打造复古游戏级交互体验

像素风武士

“我的世界”像素风武士角色行走、攻击等动作,用CSS+JS打造复古游戏级交互体验

这是一款像素风武士角色动画效果,基于CSS steps() 函数与JavaScript实现,通过精灵图(spritesheet)驱动角色行走、攻击等动作,响应键盘输入流畅切换动画帧。适用于游戏化...