Liquid Glass液态玻璃气泡效果,Three.js实现的Metaball折射交互动画

液态气泡

Liquid Glass液态玻璃气泡效果,Three.js实现的Metaball折射交互动画

这是一款液态玻璃气泡效果,基于 Three.js + WebGL + Metaball 算法技术实现,模拟真实水泡的透明质感、光线折射与表面张力——气泡之间靠近时会自然"粘连融合",拖拽可实时交...

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

液态过渡幻灯片

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

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

纯CSS气泡风格对话框,适用于聊天界面或注释提示框场景

气泡对话

纯CSS气泡风格对话框,适用于聊天界面或注释提示框场景

这是一款无图片的气泡风格对话框,仅用CSS的伪元素和border属性构建,支持动态指向方位变化,适用于聊天界面或注释提示框场景。

纯CSS实现的九款漫画气泡对话框

气泡对话框

纯CSS实现的九款漫画气泡对话框

这是一款通过CSS绘制的动态漫画气泡效果,支持多种气泡样式(圆角、尖角、爆炸形)和自动指向,适用于网页对话界面或图文注释场景。

Canvas彩色气泡鼠标拖尾特效源码

鼠标拖尾

Canvas彩色气泡鼠标拖尾特效源码

这是一款动态鼠标光标跟随效果,基于2D Canvas技术实现,鼠标移动时会产生彩色半透明气泡拖尾,适用于创意作品集或儿童主题网页的趣味交互装饰。

HTML基于GSAP实现的泡沫鼠标跟随效果源码下载

气泡跟随

HTML基于GSAP实现的泡沫鼠标跟随效果源码下载

这是一款动态泡沫鼠标跟随效果,基于GSAP技术实现,鼠标移动时生成动态泡沫轨迹,结合流畅动画,提供清新且富有创意的交互体验。

GSAP 实现的个性文本提示工具(Tooltip)气泡动画

气泡提示工具

GSAP 实现的个性文本提示工具(Tooltip)气泡动画

这是一款基于GSAP ScrollTrigger实现的文本提示工具气泡动画效果,结合CSS和JavaScript实现。当用户通过鼠标滑动文字时,文本提示气泡会随着鼠标滑动的方向左右晃动,营造出流...

Canvas+GSAP鼠标滑过生成真实气泡,几秒后气泡破裂逼真动画特效源码下载

气泡生成与破碎

Canvas+GSAP鼠标滑过生成真实气泡,几秒后气泡破裂逼真动画特效源码下载

这是一款气泡动画效果,基于GSAP.js和Canvas技术实现,通过鼠标滑动鼠标产生大小不一的逼真气泡,并且气泡带有流畅的上升与下落动画,随着时间的流逝气泡会逐渐破裂。适合用于营造轻松活泼的氛围背景。

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

气泡加载器

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

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