# Micro Interaction

> 给界面加功能性的微动效：悬停与按下反馈、开关、点赞按钮、提示条、抽屉、弹窗、列表增删与排序、共享元素过渡，规定 100–250ms 的时长、进入慢退出快的节奏与缓动曲线，只动 transform 与 opacity，并尊重减少动态效果设置。基于 Framer Motion（motion/react）与现代 CSS。

- 类型：Skill
- 仓库：https://github.com/iart-ai/web-animation-skills/tree/main/skills/micro-interaction
- 页面：https://hebbmind.com/zh-TW/skill/micro-interaction
- Stars：45
- 适用职业：[前端开发](https://hebbmind.com/zh-TW/tools.md?profession=frontend)、[设计师](https://hebbmind.com/zh-TW/tools.md?profession=design)
- 标签：动效、ui组件、framer-motion、react、css
- 收录时间：2026-10-08

## 安装

### Claude Code

```bash
npx skills add iart-ai/web-animation-skills --skill micro-interaction -a claude-code -y
```

### Codex

```bash
npx skills add iart-ai/web-animation-skills --skill micro-interaction -a codex -y
```

## README

本站暂未缓存该资源的 README，请直接查看仓库：https://github.com/iart-ai/web-animation-skills/tree/main/skills/micro-interaction