凹面无限图库
WebGL 交互式凹面畸变无限图片画廊，沉浸式前端创意交互效果这是一款沉浸式交互式无限图片画廊效果，基于 WebGL 技术实现，自带实时鼠标响应的向内凹面畸变特效，能呈现出包裹感极强的弧形曲面网格视觉效果。支持拖拽平移无缝图片矩阵、滚轮或键盘快捷导航，还可...
液态气泡
Liquid Glass液态玻璃气泡效果，Three.js实现的Metaball折射交互动画这是一款液态玻璃气泡效果，基于 Three.js + WebGL + Metaball 算法技术实现，模拟真实水泡的透明质感、光线折射与表面张力——气泡之间靠近时会自然"粘连融合"，拖拽可实时交...
不规则卡片布局
CSS 不规则网格凹陷圆角卡片布局这是一款不规则网格凹陷圆角卡片效果，基于CSS Grid和高级圆角技术实现。卡片采用了反向圆角设计，在包裹按钮或其他元素时，边缘会向内凹陷形成优雅的弧线，而不是传统的外凸圆角。最巧妙的是卡片与内...
凹角矩形
灵动负空间：支持内容感知自适应的 CSS 内凹圆角布局设计这是一款高度智能的响应式内凹圆角布局，基于 CSS 现代布局 +SVG 技术实现。它最惊艳的地方在于打破了常规“圆角矩形”的审美疲劳，通过“负空间”设计在容器边缘形成了优雅的内凹弧度。更核心的价...
卡片边角
用CSS剪裁卡片倒圆角边框，打造高级感卡片边框设计这是一款带倒圆角的步骤引导卡片，基于CSS clip-path: shape() 技术实现，它把普通卡片的圆角做了 “倒切” 设计，视觉上比常规圆角更有新意、不单调，通过巧妙裁剪元素边缘，让卡...
多样式边角
用CSS的corner-shape打造多样化边框边角设计这是一款 CSS 元素多样式边角效果，基于corner-shape属性实现，它给网页元素提供了丰富的边角形状选项，支持多种非传统角型设计，既有基础的圆形、方形，也有内凹、斜切这类个性样式，还能按...
圆角变形卡片
CSS悬停卡片及图片反转圆角变形效果这是一款动态形状变换效果，基于CSS clip-path 和过渡动画实现，元素默认带有内凹圆角，悬停时平滑切换为外凸圆角或扭曲变形，适用于创意按钮、卡片或交互式视觉元素。