Adobe XD如何给按钮添加悬停效果?

 时间:2026-04-24 04:50:25

1、打开Adobe XD软件,选择左侧栏【矩形】和【文本】工具,在画板中绘制一个按钮形状。

Adobe XD如何给按钮添加悬停效果?

2、选中画板中的矩形和文本,右键点击打开列表,选择【组】。

Adobe XD如何给按钮添加悬停效果?

3、选中该组,右键点击打开列表,选择【制作组件】。

Adobe XD如何给按钮添加悬停效果?

4、找到右侧组件面板,点击【+】,选择【悬停】状态。

Adobe XD如何给按钮添加悬停效果?

5、选中文字,将文字的填充颜色改成和背景一样的颜色。

Adobe XD如何给按钮添加悬停效果?

6、选择矩形背景,将填充色前面的勾选框去掉。

Adobe XD如何给按钮添加悬停效果?

7、选中按钮,选择组件中的【默认状态】,点击右上角的播放按钮即可预览悬停效果。

Adobe XD如何给按钮添加悬停效果?

  • XD如何给图片添加蒙版的教程
  • XD怎么把图片填充到矩形中?
  • Adobe XD怎么弄颜色渐变?
  • 即时设计怎么导出图片
  • AI当中释放图层顺序的方法
  • 热门搜索
    安徽歙县怎么读 天猫魔盒怎么用 微信直播间怎么开通 苹果手机怎么清除缓存 风龙废墟怎么进 宝宝眼屎多怎么回事 宁波诺丁汉大学怎么样 开椰器怎么用 ps怎么画箭头 鲫鱼汤怎么做好吃