WebGL 3D 液态玻璃超大泡泡交互变形效果,点击变换多种形态附着与页面!

多变液态气泡

WebGL 3D 液态玻璃超大泡泡交互变形效果,点击变换多种形态附着与页面!

这是一款 3D 液态玻璃交互效果,基于 WebGL 技术(VFX-JS)实现,精准还原玻璃的透明质感、彩虹色散与高光反射效果,点击泡泡可触发自然流畅的 3D 液态变形动画,视觉表现力极强。适用于...

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

磁铁感应

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

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

限时点击互动小游戏-万圣节戳泡泡爆破 HTML 小游戏

戳泡泡

限时点击互动小游戏-万圣节戳泡泡爆破 HTML 小游戏

这是一款万圣节主题的泡泡点击消除小游戏,基于HTML5+JavaScript+CSS技术实现,画面中从罐子里漂浮着带有南瓜、幽灵、蝙蝠等万圣节节日元素的透明泡泡,玩家需在 10 秒内尽可能多地点...

HTML数字泡泡时钟排序益智互动小游戏

泡泡时钟排序游戏

HTML数字泡泡时钟排序益智互动小游戏

这是一款基于HTML+CSS+JS实现的互动排序游戏,玩家通过点击交换数字泡泡的位置,最终将乱序的数字排列成正确的时钟样式(12点在上方)。游戏考验逻辑思维,随机初始布局确保每次挑战不同,适合作...

Canvas多彩气泡下的渐显文字动画效果

泡泡文字

Canvas多彩气泡下的渐显文字动画效果

这是一款通过Cavans技术实现的多彩泡泡下渐显的文字动画效果,页面中不断冒出彩色气泡,底下的文字被气泡所覆盖,若隐若现。文字支持自定义。适合于网页标题或重点文案凸显场景使用

CSS实现的3D地面冒出彩虹气泡动画效果

彩虹泡泡

CSS实现的3D地面冒出彩虹气泡动画效果

这是一款3D彩虹气泡逐渐上升动画效果,基于CSS技术实现,多个半透明的彩虹色气泡以3D效果漂浮并缓慢摇晃上升,结合光影和颜色渐变,营造出梦幻般的视觉效果,适用于创意展示或动态背景场景。

HTML中基于GSAP实现的挥舞泡泡棒生成泡泡动画源码下载,满满的童年回忆!

泡泡

HTML中基于GSAP实现的挥舞泡泡棒生成泡泡动画源码下载,满满的童年回忆!

这是一款泡泡棒挥舞生成泡泡效果,基于GSAP技术实现,用户摇动泡泡棒时生成动态泡泡,结合物理模拟和动画,提供趣味互动体验。

CSS粘液泡泡流动融合动画效果,不依赖矩阵滤镜,实现简单!

液体融合效果

CSS粘液泡泡流动融合动画效果,不依赖矩阵滤镜,实现简单!

​这是一款粘液流动融合效果,基于HTML5 CSS+SVG技术实现,不依赖矩阵滤镜,通过直接操作filter以及animation属性即可实现,两个彩色球体碰到一起融合为一个更大的新球体,动画过...

HTML中基于纯CSS实现的甜甜圈浮泡Loading加载动画

甜甜圈加载器

HTML中基于纯CSS实现的甜甜圈浮泡Loading加载动画

这是一款纯CSS实现的彩色泡泡漂浮在圆环中以及圆球中的动画加载效果,形似甜甜圈(🍩)。在加载过程中,多个气泡仿佛漂浮并环绕在一个甜甜圈形状的路径上,创造出轻松且吸引人的视觉效果。整个动画仅使用...

CSS实现Gooey黏糊糊拨动开关按钮,气泡挤到一侧效果!

开关按钮

CSS实现Gooey黏糊糊拨动开关按钮,气泡挤到一侧效果!

通过CSS结合JS实现的黏糊糊动画效果开关拨动按钮,这种动画也像是泡泡被挤到一侧效果。其中的按钮是通过SVG矢量图实现的,CSS实现整体的动画效果,JavaScript响应按钮点击的切换事件。

CSS气泡缓缓上升后破裂动画Loading加载中效果

气泡加载器

CSS气泡缓缓上升后破裂动画Loading加载中效果

CSS实现的一款多个泡泡上升后逐步破裂动画效果的预加载器,特别有趣的一款Loading加载中效果,仅使用CSS即可实现,相当轻量级。非常适合应用于页面加载的间隙中,让无趣的等待变得活泼起来!

HTML中创建冒彩色气泡的快乐泉眼动画效果

快乐泉

HTML中创建冒彩色气泡的快乐泉眼动画效果

使用p5.js插件结合Canvas实现的冒彩色泡泡动画效果,整体动画给人一种快乐的愉悦感,所以称这个动画效果为「快乐泉」,可以自定义泡泡的颜色、大小以及运动方向。