
Bento 网格布局
一种借鉴日式便当盒分区理念的 不对称网格布局,通过首卡跨列和渐变封面色实现视觉层次。
Tag / 9 entries
同一主题在不同时间留下的记录。

一种借鉴日式便当盒分区理念的 不对称网格布局,通过首卡跨列和渐变封面色实现视觉层次。

一种通过 backdrop-filter 实现半透明磨砂玻璃效果并配合饱和度增强的 视觉层次技术。

一种将侧边栏和顶栏作为 固定定位的毛玻璃浮动面板,并通过状态联动实现同步动画的导航系统。

一种通过 外壳 (Outer Shell) + 内核 (Inner Core) 两层嵌套模拟精密边框的卡片构建技术。

一种将背景遮罩与面板内容分两阶段编排的 Dialog 入场动画序列。

一种将品牌叙事与表单功能左右分栏的 登录/注册页面布局方案。

一种利用 SVG <feTurbulence> 滤镜生成分形噪声并叠加在页面最顶层的 纯 CSS 纹理增强技术。

一种在鼠标移动轨迹上持续生成并扩散波纹的 交互动画(Cursor Ripple Effect)。

一种根据用户滚动(鼠标滚轮、触摸滑动)实时控制动画进度的 滚动驱动动画(Scroll-driven Animation)。