粒子动画
Canvas 粒子图片动画 | 鼠标交互噪声场动态绘画效果这是一款 Canvas 粒子图片动画效果,基于 Canvas 画布 + 单纯形噪声算法实现,粒子会继承图片对应位置的像素颜色,随噪声场自然流动,支持鼠标交互影响粒子运动轨迹,粒子有生命周期循环再...
粒子破碎动画
图片粒子破碎交互效果(CSS+JS+SVG):自动提取图片主色调工具这是一款图片粒子化交互特效,基于物理引擎与 Median Cut 算法实现,上传任意图片即可分解为数千个保留原像素色彩的物理粒子,支持吹散、磁吸聚合、实时冻结三种交互模式,同时自动提取并展示图片...
液态气泡
Liquid Glass液态玻璃气泡效果,Three.js实现的Metaball折射交互动画这是一款液态玻璃气泡效果,基于 Three.js + WebGL + Metaball 算法技术实现,模拟真实水泡的透明质感、光线折射与表面张力——气泡之间靠近时会自然"粘连融合",拖拽可实时交...
水波纹
Three.js 实现的 3D 流体水波纹交互动画效果这是一款基于Three.js组件库实现的3D流体背景特效。画面呈现出波浪状曲面,表面像丝绸般柔软起伏,背景是一张从紫色、粉色、红色、橙色到黄色自然过渡,配合白色立体文字"LIQUID EFFEC...
视觉粘性
GSAP 打造的超流畅光标移动图片追随动画效果这是一款极具高级感与指引性的光标跟随交互动效,基于 GSAP 动画库开发实现。它为枯燥的默认鼠标指针披上了一层“动态外衣”,通过平滑的物理插值算法,让鼠标在移动时有多张图片跟随,请注意:这里跟随...
数字温床
静态图+火焰:CSS实现的壁橱里火焰燃烧,周围微微火光映照的治愈感氛围效果这是一款极具治愈感的氛围渲染设计,基于 CSS 动画与光影滤镜技术以及少量JS代码实现。它最动人的地方在于对“静止影像”的数字化生命赋予:原本只是一张冬日午后猫咪在壁炉旁小憩的静态照片,但通过代...
视界中心
基于 GSAP+CSS 打造的沉浸式 3D 环绕图文卡片轮播组件这是一款极具空间纵深感的 3D 环绕式轮播效果,基于 GSAP+CSS 技术实现。它彻底抛弃了平面滑动的单调,通过精密的透视算法让每一张卡片在虚拟空间中产生旋转位移,并且支持单图放大预览效果。最...
纳斯奇
专业旅游预订与行程管理 Bootstrap 网站模板:打造高转化率在线旅行社官网这是一款专为现代旅游业设计的专业全能级 HTML5 响应式网站模板,内置 92 个功能内页以及9个不同旅游领域主页,它是旅行社、旅游咨询公司和行程规划师通往数字化转型的“金钥匙”。在旅游行业,视...
数独游戏
基于 DLX 算法的 HTML 数独小游戏这是一款基于DLX(Dancing Links)算法实现的数独 HTML 小游戏,采用简洁现代的设计风格,网格清晰、布局规整。用户可选择“简单”或“困难”模式生成新题目,并通过“使用DLX求解”...
发光卡片
CSS+JS悬停多卡片互联发光特效源码这是一套前沿的多卡片联动发光特效,基于CSS径向渐变与邻近检测算法实现。突破传统单卡片悬停局限,当悬停某张卡片时,智能触发相邻卡片边缘流光响应,以鼠标为原点向周围扩散彩色光晕,形成如同能量传导的...
泛光卡片组
毛玻璃泛光背景卡片组,基于CSS智能无重叠模糊背景技术实现这是一套采用CSS Backdrop Filter实现的毛玻璃泛光背景卡片组,通过独创的布局算法确保各卡片背景模糊区域完全独立,彻底解决传统毛玻璃效果常见的重叠发白问题。每张卡片保持自身模糊区域...
弹性菜单
CSS/SVG粘性果冻、液体流动效果底部导航菜单栏,具有弹性形变流动特效这是一款采用SVG滤镜和CSS动画打造的类似于果冻的粘性质感底部导航菜单,通过独特的液态形变算法实现菜单项之间的拉伸粘连效果。悬停时菜单项如液态金属般弹性拉扯,同时保持光滑的表面张力和自然回弹轨...