网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

Axure怎么制作圆形翻转的动画效果

时间:2024-10-13 00:19:50

1、首先绘制一个圆(直径为200)

Axure怎么制作圆形翻转的动画效果

2、将同一个圆,复制为9份,后续圆形不断压缩高度,至最低后再逐渐拉伸回原样,并将第一张图转换为动态面板

Axure怎么制作圆形翻转的动画效果

3、对动态面板添加状态,将后续的图片依次贴入不同的动态面板状态中;此处需注意,动态面板中的圆形的圆心需要与状态1中对应的圆心保持一致,在y轴100的位置。

Axure怎么制作圆形翻转的动画效果

4、对动态慢板添加轮播事件,使动态面板每100毫秒切换一次状态,循环往复

Axure怎么制作圆形翻转的动画效果

5、此时效果如图,大家可以看到圆形在比较流畅的翻转

Axure怎么制作圆形翻转的动画效果

6、有兴趣的同学可以将每个圆形在原有基础上,逐步添加渐变色,使圆形转起来更炫酷

Axure怎么制作圆形翻转的动画效果
© 2025 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com