SuperAPI AI 工具集

tailwindcss-interactivity

前端与建站

查看项目

更新于 10-15 21:48

技能介绍

用途:该技能整理 Tailwind CSS 中控制用户交互行为与状态的实用类,适用于需要精细调节光标、滚动、选择、触摸与表单控件外观的前端开发场景。

主要能力:光标类 cursor-* 覆盖标准、缩放、调整大小、抓取及特殊光标;滚动方面提供 scroll-smooth、scroll-snap-type、scroll-snap-align、scroll-snap-stop、overscroll-behavior 及轴向变体,并含逻辑块轴的 scroll-mbs-、scroll-pbs- 等;滚动条支持 scrollbar-auto/thin/none、scrollbar-thumb-、scrollbar-track- 与 scrollbar-gutter-。选择行为有 select-none/text/all/auto;指针事件有 pointer-events-none/auto;触摸操作有 touch-auto/none/pan-x/pan-y/manipulation 及方向变体;调整大小有 resize-none/y/x;caret- 设置输入光标颜色,accent-* 设置复选框、单选与范围输入的强调色。状态变体 hover:、focus:、active:、disabled: 可链式组合响应式与暗色前缀,如 md:hover:bg-blue-700、dark:hover:bg-blue-400。

使用方式:在元素 class 中直接使用上述工具类;具体光标值、滚动配置或状态样式可分别查阅 cursor.md、scroll.md、states.md 参考文档。

限制:资料未提供收费、平台、性能或浏览器兼容性细节,相关事实暂未提供。