利用Axure实现图片悬停放大效果

本文由黄文政撰写,介绍了如何在Axure中实现图片悬停时放大效果。首先,从元件库中拖拽图片到页面,导入所需图片;接着,将图片转换为动态面板,并在动态面板的State1中操作。然后,在右侧交互设置中添加鼠标移入时的尺寸变化效果,设置图片放大后的宽高,并配置动画效果,如锚点选择中心、动画方式为线性、时间300毫秒。
摘要由CSDN通过智能技术生成

撰写人:黄文政 创建时间:2021年1月8日
打开Axure新建一个文件,然后在左下角元件库里找到一个叫图片的东西,按住鼠标左键把图片拖到右边空白页面里。拖拽出来之后页面中会出现一个待导入的图片。双击这个图片就会弹出一个框框来。然后想导入什么图片进来根据自己电脑上的图片所在位置一步一步打开文件,就能找到这张图片双击它就导入进来了。
在这里插入图片描述
在这里插入图片描述

鼠标点一下这个导入进来的图片,如果已经选中了就不用点击了。然后鼠标右键转换为动态面板。双击这张图片弹出动态面板管理界面然后打开State1也就是状态1。打开状态一之后会发现我们上面的页面已经不是index了是一个叫动态面板/State1的页面。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

接下来开始进入正题,选中这张图片在右侧交互效果那里添加一个鼠标移入时效果,鼠标双击弹出需要添加的效果找到设置尺寸,然后在配置

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值