mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-26 04:00:13 +08:00
3.1 KiB
3.1 KiB
响应交互
- category: 动画
- order: 1
响应交互一般是指我们在浏览页面时，点击元素时动画给我们视觉上的反馈，每个交互动效都能给我们带来不同视觉效果。
如搜索框，当你点击准备输入时，icon将会跑到右边方便点击，当然你按回车也是可以提交表单的；在你没有输入文字时，icon又会恢愎到原来的地置，但当你输入了文字后，icon将会停留在右边；
按钮类表面效果
按钮上的hover或click效果，随着你的鼠标事件而改变自身或增加元素在按钮上；
以下按钮对组件按钮的修改，只做示例，具体还需看组件；
1.按钮表面效果；
我是按钮
点击涟漪按钮
点击涟漪按钮
2.无素结合切换;
加载按钮
刷新
元素类呈现效果
元素呈现指点击或滑过展现相关的内容或提示，如下拉菜单或弹出框等；
注：物体弹出点要从点击点出现，不要做凭空出现；
1.icon菜单(点放大模式)
- 第一排文字元素
- 第二排文字元素
- 第三排文字元素
- 第四排文字元素
2.下拉菜单(下滑模式)
菜单按钮
- 第一排文字元素
- 第二排文字元素
- 第三排文字元素
- 第四排文字元素