养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure怎么实现页面载入时元素旋转效果

时间:2024-09-20 20:29:11

在一些页面中我们经常会看到一些loding加载动画,这种动画广泛应用到各种网页中,蛴蛩钔淞下面我们来看一下怎么通过axure实现仿loding自动旋转效果。

Axure怎么实现页面载入时元素旋转效果

工具/原料

axure

pc、Mac电脑

方法/步骤

1、首先我们打开软件,在元件库中下拉框中选择“icons”选项(如图)。

Axure怎么实现页面载入时元素旋转效果

2、选择“icons”后在图标哭中找到“加载中”并拖入到画布中(如图)。

Axure怎么实现页面载入时元素旋转效果

3、在右上角度找到“属性”并点击“载入时”(如图)。

Axure怎么实现页面载入时元素旋转效果

4、在弹出的对话框中选择“旋转”,然后在选择刚才我们拖入的加载图标。旋转角度旋转“36廴类锾渭0”度,动画栏选择“线性动画”,最后点击确定。

Axure怎么实现页面载入时元素旋转效果

5、保存并点击右上角“预览”验证动画效果。

Axure怎么实现页面载入时元素旋转效果

6、总结选择图标专栏选择图标添加事件调整参数验证完成

© 一点知识