多变液态气泡
WebGL 3D 液态玻璃超大泡泡交互变形效果,点击变换多种形态附着与页面!这是一款 3D 液态玻璃交互效果,基于 WebGL 技术(VFX-JS)实现,精准还原玻璃的透明质感、彩虹色散与高光反射效果,点击泡泡可触发自然流畅的 3D 液态变形动画,视觉表现力极强。适用于...
磁铁感应
Three.js 软体球相互吸引与排斥物理模拟磁铁感应效果,并且带果冻质感弹性碰撞动效这是一款基于 Three.js 实现的软体相互吸引与排斥物理模拟效果。鼠标靠近时,两个球与鼠标箭头之间产生类似于磁铁的排斥感,两个半透明果冻球之间会有磁铁的吸引感,在接触时会产生真实的挤压形变,...
戳泡泡
限时点击互动小游戏-万圣节戳泡泡爆破 HTML 小游戏这是一款万圣节主题的泡泡点击消除小游戏,基于HTML5+JavaScript+CSS技术实现,画面中从罐子里漂浮着带有南瓜、幽灵、蝙蝠等万圣节节日元素的透明泡泡,玩家需在 10 秒内尽可能多地点...
泡泡时钟排序游戏
HTML数字泡泡时钟排序益智互动小游戏这是一款基于HTML+CSS+JS实现的互动排序游戏,玩家通过点击交换数字泡泡的位置,最终将乱序的数字排列成正确的时钟样式(12点在上方)。游戏考验逻辑思维,随机初始布局确保每次挑战不同,适合作...
泡泡文字
Canvas多彩气泡下的渐显文字动画效果这是一款通过Cavans技术实现的多彩泡泡下渐显的文字动画效果,页面中不断冒出彩色气泡,底下的文字被气泡所覆盖,若隐若现。文字支持自定义。适合于网页标题或重点文案凸显场景使用
彩虹泡泡
CSS实现的3D地面冒出彩虹气泡动画效果这是一款3D彩虹气泡逐渐上升动画效果,基于CSS技术实现,多个半透明的彩虹色气泡以3D效果漂浮并缓慢摇晃上升,结合光影和颜色渐变,营造出梦幻般的视觉效果,适用于创意展示或动态背景场景。
泡泡
HTML中基于GSAP实现的挥舞泡泡棒生成泡泡动画源码下载,满满的童年回忆!这是一款泡泡棒挥舞生成泡泡效果,基于GSAP技术实现,用户摇动泡泡棒时生成动态泡泡,结合物理模拟和动画,提供趣味互动体验。
液体融合效果
CSS粘液泡泡流动融合动画效果,不依赖矩阵滤镜,实现简单!这是一款粘液流动融合效果,基于HTML5 CSS+SVG技术实现,不依赖矩阵滤镜,通过直接操作filter以及animation属性即可实现,两个彩色球体碰到一起融合为一个更大的新球体,动画过...
甜甜圈加载器
HTML中基于纯CSS实现的甜甜圈浮泡Loading加载动画这是一款纯CSS实现的彩色泡泡漂浮在圆环中以及圆球中的动画加载效果,形似甜甜圈(🍩)。在加载过程中,多个气泡仿佛漂浮并环绕在一个甜甜圈形状的路径上,创造出轻松且吸引人的视觉效果。整个动画仅使用...
开关按钮
CSS实现Gooey黏糊糊拨动开关按钮,气泡挤到一侧效果!通过CSS结合JS实现的黏糊糊动画效果开关拨动按钮,这种动画也像是泡泡被挤到一侧效果。其中的按钮是通过SVG矢量图实现的,CSS实现整体的动画效果,JavaScript响应按钮点击的切换事件。
气泡加载器
CSS气泡缓缓上升后破裂动画Loading加载中效果CSS实现的一款多个泡泡上升后逐步破裂动画效果的预加载器,特别有趣的一款Loading加载中效果,仅使用CSS即可实现,相当轻量级。非常适合应用于页面加载的间隙中,让无趣的等待变得活泼起来!
快乐泉
HTML中创建冒彩色气泡的快乐泉眼动画效果使用p5.js插件结合Canvas实现的冒彩色泡泡动画效果,整体动画给人一种快乐的愉悦感,所以称这个动画效果为「快乐泉」,可以自定义泡泡的颜色、大小以及运动方向。