Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
08e0efe2
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
08e0efe2
编写于
7月 15, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update motion markdown style
上级
48a27c8a
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
12 addition
and
12 deletion
+12
-12
components/motion/index.md
components/motion/index.md
+12
-12
未找到文件。
components/motion/index.md
浏览文件 @
08e0efe2
...
...
@@ -8,7 +8,7 @@
## 组件的动画
通过设置组件的
transitionName 指定组件动画
通过设置组件的
`transitionName`
指定组件动画。
| 组件 | 中文名 | 采用动画 |
|--------------|---------------------|-------------------------------------------------|
...
...
@@ -25,14 +25,14 @@
## 缓动函数
在以上组件的动画不适合时,请用以下缓动。
|名称 |参数 |说明与适用 |
|-------------------|----------------------------------------|---------------------------|
|@ease-out | cubic-bezier(0.215, 0.61, 0.355, 1); |默认后缓动;适合元素展开时; |
|@ease-in |cubic-bezier(0.55, 0.055, 0.675, 0.19); |默认前缓动;适合元素关闭时; |
|@ease-in-out |cubic-bezier(0.645, 0.045, 0.355, 1); |默认前后缓动;适合元素移动; |
|@ease-out-back | cubic-bezier(0.18, 0.89, 0.32, 1.28); |结束回动;适合弹出框出现时; |
|@ease-in-back | cubic-bezier(0.6, -0.3, 0.74, 0.05); |开始回动;适合弹出框关闭; |
|@ease-in-out-back | cubic-bezier(0.68, -0.55, 0.27, 1.55); |前后回动; |
|@ease-out-circ | cubic-bezier(0.08, 0.82, 0.17, 1); |圆形后缓动;适合元素展开时; |
|@ease-in-circ | cubic-bezier(0.6, 0.04, 0.98, 0.34); |圆形前缓动;适合元素关闭时; |
|@ease-in-out-circ | cubic-bezier(0.78, 0.14, 0.15, 0.86); |圆形缓动;适合元素移动; |
\ No newline at end of file
|名称 |参数 |说明与适用 |
|-------------------|------------------------------------------|---------------------------|
|@ease-out |
`cubic-bezier(0.215, 0.61, 0.355, 1);`
|默认后缓动;适合元素展开时; |
|@ease-in |
`cubic-bezier(0.55, 0.055, 0.675, 0.19);`
|默认前缓动;适合元素关闭时; |
|@ease-in-out |
`cubic-bezier(0.645, 0.045, 0.355, 1);`
|默认前后缓动;适合元素移动; |
|@ease-out-back |
`cubic-bezier(0.18, 0.89, 0.32, 1.28);`
|结束回动;适合弹出框出现时; |
|@ease-in-back |
`cubic-bezier(0.6, -0.3, 0.74, 0.05);`
|开始回动;适合弹出框关闭; |
|@ease-in-out-back |
`cubic-bezier(0.68, -0.55, 0.27, 1.55);`
|前后回动; |
|@ease-out-circ |
`cubic-bezier(0.08, 0.82, 0.17, 1);`
|圆形后缓动;适合元素展开时; |
|@ease-in-circ |
`cubic-bezier(0.6, 0.04, 0.98, 0.34);`
|圆形前缓动;适合元素关闭时; |
|@ease-in-out-circ |
`cubic-bezier(0.78, 0.14, 0.15, 0.86);`
|圆形缓动;适合元素移动; |
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录