mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

re path ease

Browse Source
This commit is contained in:
jljsj 2018-01-10 10:26:21 +08:00
parent 4cc29bc11c
commit d71a493e47
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -137,7 +137,7 @@
"rc-drawer-menu": "^0.5.3",
"rc-queue-anim": "^1.4.1",
"rc-scroll-anim": "^2.2.1",
"rc-tween-one": "^1.7.1",
"rc-tween-one": "^1.7.2",
"react": "^16.0.0",
"react-color": "^2.11.7",
"react-copy-to-clipboard": "^5.0.0",

3
site/theme/template/Home/BannerImage.jsx
View File

@ -6,6 +6,7 @@ TweenOne.plugins.push(PathPlugin);
const duration = 7000;
const ease = 'easeInOutSine';
const p = 'M123.5,89.5 C148,82.5 239.5,48.5 230,17.5 C220.5,-13.5 127,6 99.5,13.5 C72,21 -9.5,56.5 1.5,84.5 C12.5,112.5 99,96.5 123.5,89.5 Z';
const easePath = 'M0,100 C7.33333333,89 14.3333333,81.6666667 21,78 C25.3601456,75.6019199 29.8706084,72.9026327 33,70 C37.0478723,66.2454406 39.3980801,62.0758689 42.5,57 C48,46.5 61.5,32.5 70,28 C77.5,23.5 81.5,20 86.5,16 C89.8333333,13.3333333 94.3333333,8 100,0';
const loop = {
yoyo: true,
repeat: -1,
@ -17,7 +18,7 @@ const animate = {
path: { x: p, y: p },
duration: 5000,
repeat: -1,
ease: 'linear',
ease: TweenOne.easing.path(easePath, { lengthPixel: 400 }),
},
rotate: {
...loop,