SuperAPI AI 工具集

gooey-nav

前端与建站

查看项目

更新于 10-16 01:36

技能介绍

用途:gooey-nav 用于实现带滑动胶囊指示块的导航/分段控件,胶囊在当前激活项下方移动,并呈现弹性融合的过渡效果。

主要能力:无依赖;兼容 prefers-reduced-motion,在该设置下胶囊直接跳转而不做动画;每个视图只应使用一个。

使用方式:复制其 CSS 与 JS,并按给定结构编写标记,例如 <nav class="gnav"><span class="gn-pill"></span><button class="on">Home</button>…</nav>。

限制:资料未提供更多配置项、浏览器兼容范围、安装命令或授权信息,暂未提供。