Three.js 软体球相互吸引与排斥物理模拟磁铁感应效果,并且带果冻质感弹性碰撞动效

磁铁感应

Three.js 软体球相互吸引与排斥物理模拟磁铁感应效果,并且带果冻质感弹性碰撞动效

这是一款基于 Three.js 实现的软体相互吸引与排斥物理模拟效果。鼠标靠近时,两个球与鼠标箭头之间产生类似于磁铁的排斥感,两个半透明果冻球之间会有磁铁的吸引感,在接触时会产生真实的挤压形变,...

生日祝福 HTML5 动画特效 - 交互式生日蛋糕烟花动画代码

生日动画

生日祝福 HTML5 动画特效 - 交互式生日蛋糕烟花动画代码

这是一个交互式生日祝福动画页面,采用HTML、CSS和JavaScript实现。页面顶部装饰着一排彩色霓虹灯,营造欢快氛围。当寿星点击"启动魔法"按钮时,一颗绿色霓虹小球从天而降,消失后绽放出一...

WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画

光标互动

WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画

这是一款 WebGPU 驱动的流体擦除互动动效,模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑,响应鼠标滑动时产生自然的涟漪和色彩扩散,还能通过...

3D房间模型展示效果 - 基于Three.js加载GLB模型

3D模型预览

3D房间模型展示效果 - 基于Three.js加载GLB模型

这是一款沉浸式3D房间展示效果,基于ThreeJS技术实现,支持将GLB格式的3D模型精准加载至网页Canvas中,通过WebGL在网页内实时渲染高精度3D场景,呈现逼真的光影与空间层次,用户可...

商品页图片悬停放大交互JavaScript插件,支持响应式布局

图片放大

商品页图片悬停放大交互JavaScript插件,支持响应式布局

这是一款通过JavaScript技术封装的的商品图悬停放大效果,通过悬停或点击触发图片的细节放大效果,支持响应式布局,当设备变为手机等小屏幕时,放大效果变为放大镜,良好支持响应式布局,适用于电商...

Three.js点阵形态动画控制系统(旋转/色彩/排序),模拟星系运动效果

星系动画

Three.js点阵形态动画控制系统(旋转/色彩/排序),模拟星系运动效果

这是一款动态点阵动画效果,基于Three.js/CSS技术实现,可控制点阵的排列、颜色变化、旋转顺序及运动轨迹,适用于星系运动等数据可视化或抽象艺术展示场景。

HTML+JS倒计时自爆装置,通过按钮”引爆“设备,适用于游戏等紧急避险网页中使用

自毁式按钮

HTML+JS倒计时自爆装置,通过按钮”引爆“设备,适用于游戏等紧急避险网页中使用

这是一款自毁按钮动画特效,基于CSS关键帧动画和JavaScript触发技术实现,通过倒计时搭配尖锐刺耳的音效以及闪烁的灯光效果模拟按钮自毁过程,适用于特殊操作确认和游戏化交互场景。

ThreeJS 悬浮扑克牌特效源码,支持点击翻转卡片

悬浮卡片

ThreeJS 悬浮扑克牌特效源码,支持点击翻转卡片

这是一款基于ThreeJS技术实现的悬浮飘动扑克牌动画效果,可展示多张扑克牌在空中悬浮飘动的逼真效果,并且支持相应鼠标点击翻转事件,适用于赌场魔术主题网站或创意交互场景。

HTML中基于 ThreeJS 实现的绚丽彩色粒子追随光带效果,支持切换不同粒子

鼠标跟随

HTML中基于 ThreeJS 实现的绚丽彩色粒子追随光带效果,支持切换不同粒子

这是一款粒子交互特效,基于三方组件ThreeJS+CSS技术实现,鼠标移动可生成动态粒子追随光带,适用于网页背景互动和科技感视觉场景。

ThreeJS+CSS实现霓虹线条套索鼠标轨迹交互效果

霓虹线条

ThreeJS+CSS实现霓虹线条套索鼠标轨迹交互效果

这是一款动态交互效果,基于CSS+JS以及ThreeJS三方控件技术实现,用户可通过移动鼠标生成炫光线型套索轨迹,适用于网页视觉互动场景。

JS 交互式弹性粒子避让鼠标效果

躲避效果

JS 交互式弹性粒子避让鼠标效果

这是一款基于 JavaScript 技术实现的的动态彩色球状粒子与鼠标交互的动画效果,粒子通过物理算法模拟弹性避让鼠标的效果,适用于科技感背景或创意交互设计场景。

响应式CSS多阶段进度单选按钮指示效果源码下载

状态进度条

响应式CSS多阶段进度单选按钮指示效果源码下载

这是一款基于CSS实现的阶段进度单选按钮效果,支持响应式,大屏幕下横向展示,小屏幕下会自动适应屏幕呈现纵向展示效果,通过样式化单选按钮展示进度状态,适用于多步骤表单或流程指示。