个性文件夹
纯 CSS 磨砂玻璃风文件夹悬停升起特效这是一款质感细腻的磨砂玻璃风(Glassmorphic)文件夹交互特效,基于 Tailwind CSS 与高级渐变背景技术实现。该设计巧妙运用了半透明背景模糊(backdrop-blur)与内阴...
啤酒气泡特效
啤酒香槟气泡上升网页特效,CSS+JS 饮品气泡动画这是一款啤酒香槟气泡上升动态特效,基于 CSS+JavaScript 技术实现,能模拟饮品气泡自然生成、随机上浮并消散的真实物理效果,气泡大小、上升速度和透明度各不相同,适用于酒水品牌官网、餐饮...
3D风雪背景
3D 风雪交加网页特效 ,Canvas 动态雪花效果这是一款 3D 风雪交加动态特效,基于 CSS+JavaScript 技术实现,能模拟真实雪花随风向飘动的自然效果,雪花大小、下落速度和透明度随机渐变,与各类夜景、古风背景(图片支持切换)融合度...
可旋转 3D 效果
3D 几何光环效果 | Three.js 科技感可旋转 3D 动画组件这是一款 3D 几何光环效果,基于 Three.js+UnrealBloom 辉光特效技术实现,半透明线框立方体搭配多色渐变发光环绕环,支持鼠标拖拽自由旋转视角,背景辅以网格与粒子点缀,科技氛围...
3D 沉浸式画廊
Three.js 实现的 5 层无限视差画廊:沉浸式 3D 滚动图片墙这是一款沉浸式 3D 无限视差画廊效果,基于 Three.js 实现,通过 5 个不同速度、透明度和缩放比例的视差层营造强烈空间纵深感,支持水平拖拽(带自然惯性)和鼠标滚轮快速浏览,图片自动循环...
多变液态气泡
WebGL 3D 液态玻璃超大泡泡交互变形效果,点击变换多种形态附着与页面!这是一款 3D 液态玻璃交互效果,基于 WebGL 技术(VFX-JS)实现,精准还原玻璃的透明质感、彩虹色散与高光反射效果,点击泡泡可触发自然流畅的 3D 液态变形动画,视觉表现力极强。适用于...
液态气泡
Liquid Glass液态玻璃气泡效果,Three.js实现的Metaball折射交互动画这是一款液态玻璃气泡效果,基于 Three.js + WebGL + Metaball 算法技术实现,模拟真实水泡的透明质感、光线折射与表面张力——气泡之间靠近时会自然"粘连融合",拖拽可实时交...
磁铁感应
Three.js 软体球相互吸引与排斥物理模拟磁铁感应效果,并且带果冻质感弹性碰撞动效这是一款基于 Three.js 实现的软体相互吸引与排斥物理模拟效果。鼠标靠近时,两个球与鼠标箭头之间产生类似于磁铁的排斥感,两个半透明果冻球之间会有磁铁的吸引感,在接触时会产生真实的挤压形变,...
发光球加载器
两个发光球体运动加载动画 | 高质感CSS Loader特效组件这是一款光球残影小球旋转加载动画效果,基于 CSS 技术实现。两个发光圆球在黑色背景上围绕圆圈互相追逐游走,运动过程中拖出一串半透明残影,模拟出真实的物理运动感,就像长曝光拍到的光源轨迹。三种配...
混合色块加载器
纯 CSS 实现的创意色彩混合动态加载Loading动画这是一款基于 CSS color-mix() 函数实现的加载动画效果。几个半透明圆角色块在一个倾斜的容器内持续位移,重叠区域的颜色会随着色块运动实时混合计算,每一帧的交叠色都是真实的颜色混合结果...
早安打工人
字母螺旋扩散动画效果(CSS+JS+SVG),早安崩溃的小浣熊动效这是一款基于 SVG + CSS + JS 实现的文字粒子扩散动画,代码实现了字母"A"沿螺旋轨迹向外飞散,大小渐变、间距疏密有序,配合尖叫浣熊的插画形象,把"早安崩溃"的打工人心态表现得活灵活...
福布西
美妆美容网站模板 - 专为化妆师与美容院设计的 Bootstrap 响应式模板这是一套专门为美妆美容行业打造的网站模板,特别适合职业化妆师、美容美体沙龙、SPA养生会所、美妆培训学院以及化妆品零售商使用。模板设计风格现代优雅,充分考虑美业的视觉审美需求,通过精致的页面布...