home/ant-design
2
0
Fork 0
mirror of https://github.com/wahyd4/ant-design.git synced 2026-08-27 13:46:18 +10:00
Code Issues Packages Projects Releases Wiki Activity

Add spacing

Browse Source
This commit is contained in:
Cee Cirno
2015-08-26 16:58:45 +08:00
parent 91048da7d7
commit 1c0cccd7ed
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
spec/easing.md
+5 -5
View File
@@ -97,7 +97,7 @@ mask:true,exposure:"bottom"});
弹性动画最好结合 alpha。
> 慎用Bounce或Elastic，这两种适用在特殊元素下，一般back即可满足页面上元素的弹动;
> 慎用 Bounce 或 Elastic，这两种适用在特殊元素下，一般 back 即可满足页面上元素的弹动;
<div id="J-Back"></div>
@@ -110,7 +110,7 @@ mask:false,exposure:"top"});
})
</script>
上图所示缓动函数：绿 `easeOutBounce` `easeOutElastic`( css 需自配)， 蓝 `ease-out-back` `ease-in-back`。
上图所示缓动函数：绿 `easeOutBounce` `easeOutElastic`（css 需自配）， 蓝 `ease-out-back` `ease-in-back`。
## 缓动函数
@@ -128,6 +128,6 @@ Ant Design 提供了一套缓动函数规范动画行为供组件使用。
|@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);` |圆形前后缓动； |
|@ease-out-quint | `cubic-bezier(0.23, 1, 0.32, 1);`| quint后缓动|
|@ease-in-quint | `cubic-bezier(0.755, 0.05, 0.855, 0.06);`|quint前缓动|
|@ease-in-out-quint | `cubic-bezier(0.86, 0, 0.07, 1);`| quint前后缓动|
|@ease-out-quint | `cubic-bezier(0.23, 1, 0.32, 1);`| quint 后缓动|
|@ease-in-quint | `cubic-bezier(0.755, 0.05, 0.855, 0.06);`|quint 前缓动|
|@ease-in-out-quint | `cubic-bezier(0.86, 0, 0.07, 1);`| quint 前后缓动|