3D 磁吸引擎
基于鼠标坐标的实时 X/Y 轴倾斜(±5°),配合 perspective: 1000px 景深系统,营造出卡片在空间中悬浮的立体视差。
0.3ms响应延迟
Bento Grid 遇上 3D Tilt 磁吸 —— 前所未有的未来感交互体验。
基于鼠标坐标的实时 X/Y 轴倾斜(±5°),配合 perspective: 1000px 景深系统,营造出卡片在空间中悬浮的立体视差。
所有图标均为手写极简 SVG,配备 stroke-dasharray / stroke-dashoffset 路径动画,悬停时触发重新绘制。
Conic-gradient 在 hover 时环绕一周旋转,配合 mask-composite: exclude 实现仅边框流光效果。
SVG feTurbulence 噪点滤镜固定覆盖视口,Dark/Light 双模式自动适配 opacity。
基于 oklch 色彩空间的 Dark/Light 双模式。CSS 自定义属性驱动,噪点 opacity 亮色模式自动降至 0.025。
大屏 4 列栅格 → 中屏 2 列 → 移动端自动降级为流体列表。
@supports 检测 backdrop-filter, CSS Grid, oklch 兼容性,降级自动切换纯色方案。