交互与动效9 条
本章口诀 · 交互与动效
触发 · hover/click/focus+属性 · transform/opacity+曲线 · easing
- 悬停状态Hover State鼠标移上去想变个样
- 键盘聚焦样式Focus-visible键盘选中输入框没任何提示
- 禁用状态Disabled State按钮不能点却看不出来
- 过渡动画CSS Transition点一下想有点变化动画
- 变换动画Transform想让元素移动/放大/旋转
- 缓动曲线Easing Curve动画太生硬像机器
- 防抖Debounce边打字边搜索太费
- 节流Throttle滚动时函数被疯狂调用
- 按下状态Active / Pressed按下按钮没任何反馈