今天我们简单来演示下如何利用axure制作,将图片由底部慢慢隐藏的效果。

工具/原料

  • 华为MateBook D
  • Windows 10 10.3.3
  • axure2019

方法/步骤

  1. 1

    如图,在这里建立了一个矩形作为图片,然后上面建立文本信息栏

  2. 2

    选中底下的矩形背景,在右侧属性中,双击打开-鼠标移入时选项

  3. 3

    在属性设置中,选择设置尺寸选项,然后右侧的配置动作中,选择矩形背景

  4. 4

    在高度栏中,设置高度为文字的高度,可以设置一个动画,这样设置的效果是,当鼠标移入的时候,矩形会由原来的高度慢慢变成40px的高度,也就是只显示出文字部分

  5. 5

    这样确定后,在预览效果的时候,就是这样的效果了,最后矩形慢慢的消失,最后只剩下文字的部分

  6. 6

    这是鼠标移入的时候发生的情景,还可以设置鼠标移出后再恢复的情景。

    END

注意事项

  • 如果此经验对您有帮助,请左侧投票/关注,谢谢大家的支持^_^
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。