3.17-3.18 搞了文件下载的动效。
说实话,自己搞得好简陋。
1.使用了css animation,用了@keyframes的分段动画。
为了图标变化有弧度,加了父组件竖向变化和子组件横向变化。
缺点是,数值是固定的,屏幕变化会引起错位。
2.使用了js animation,用了jQuery Easing Plugin组件中的 easeOutExpo 效果(仅速度变化)
可以识别位置,并且进行移动。
缺点是,我还没搞出来怎么进行曲线移动。这个动画完全奉行了两点之间直线最短╮(╯▽╰)╭
知识缺陷:那个移动时间我有点卡壳……加上时间后,它暂停了那么长时间,然后迅速运动。我再考虑考虑怎么回事吧,盲猜是用了插件的原因,可是插件又没搞时间,不说了,先记录这么多。