• 首页Portal
  • 官网
  • 最新
  • 易企秀学院
  • 分类
关闭
回复
H5动画这样用,效果堪比快闪! 分享 分享 收藏收藏 1 点赞点赞
  • 易企秀   2019-08-12 10:17:57
  • [复制链接]
  • 631    3
  • h5中的快闪效果只可以添加快闪功能吗
    场景中的图片出现又消失到底是怎么设置的呢?
    翻页时候炫酷旋转的背景是模板自带的吗?
    今天就给大家说一说设计师的那些秘密
    一个神奇的功能——动画!!!
    动画+文字,可以做出快闪效果

    文字编辑好之后,点击添加动画重点在于延迟时间的设置
    1、第一个出现的文字上添加进入退出动画,时间、次数设置成1,延迟时间设置成0(可以按照自己的要求改时间)。

    1.png


    2、第二个出现的文字动画的时间、次数依然是1,延迟时间就需要设置成2,是第一个动画进入和退出时间的总和。
    2.png


    3、第三个文本延迟时间设置成4,其他的都设置都不变。

    按以上操作,文本就可以按照顺序出现以及消失了,图片的操作也和文字设置的方式一致。


    3.png


    有些小伙伴,不想使用快闪组件,但是要达到快闪的效果,最好将动画播放时间设置短一点,也可以是零点几秒。那么以此代替就行了。


    预览效果

    640.gif

    动画+形状(或者自己上传的图片),做出旋转炫酷翻页背景

    1、选择形状或者自己上传的图片,第一个添加动画,只设置进入动画,时间和次数都一样


    4.png


    2、第二个形状的时间,次数都一样,延迟时间增加间隔小一点。


    5.png


    3、第三个形状只需要增加延迟时间就好了。以此添加,预览就会出现图片或者形状以此出现的效果,并且不会消失

    6.png


    想要背景丰富,动态更多,就可以添加动画实现

    预览效果图
    640 (1).gif


    PS:常用进入动画:中心缩小,向左淡入、向上翻滚、打字机有趣的强调动画:直线轨迹、曲线轨迹、闪烁


  • 最新评论
  • 添加评论
  • eqs111191210581
    谢老师指导!
    发表于 2019-8-14 15:05:52 点赞 点赞 回复 回复
  • 白牛后代
    是的 很多特效都可以用动画做
    发表于 2019-8-12 11:00:14 点赞 点赞 回复 回复
  • ex1648465845736
    哇哦 教程又来咯
    发表于 2019-8-12 10:32:51 点赞 点赞 回复 回复
    快速回复 返回顶部 !pub_help!