墨刀如何制作“图片放大”效果

时间:2024-10-12 13:57:15

1、把背景矩形组件放置到页面编辑区,点击右侧面板的“添加组件状态”按钮。

墨刀如何制作“图片放大”效果

2、编辑组件状态:在“状态1”下,点击右侧面板的”隐藏“按钮;在”状态2“下,将放大后的图片放置到合适的区域。

墨刀如何制作“图片放大”效果
墨刀如何制作“图片放大”效果

3、添加交互:在”状态2“下,拖拽图片左侧的”闪电“图标至”状态1“。退出动态组件编辑,选定小图片,在右侧面板点击”添加事件“,行为选择”切换组件状态“,状态选择”状态2“。

墨刀如何制作“图片放大”效果
墨刀如何制作“图片放大”效果

4、预览:点击右上角的”预览“按钮,预览制作效果。

墨刀如何制作“图片放大”效果
© 手抄报圈