Axure基础详解十八:气泡闪动效果

效果演示


说明

闪动的气泡在产品中是很常见的功能,用以动态的提示,在一些常见的大屏可视化中,均会以闪动的气泡作为一些提示符,进行动态的提示。


原理

从小到大,再从大到小的不断动态循环。


制作过程

组件

第一个添加了径向渐变填充,边缘颜色不透明度为0.

第二个上面是一个圆形,下面是一个圆环。

第三个元件库自带的“警告”图表。


设置交互

它们都是运用同一个交互

【载入时】设置大小使其变大。

【大小改变时】设置大小使其变小,触发【载入时】事件实现循环。

注意过度时间和中心点。


  • 8
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

太空背包客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值