评论

使用小程序css3实现帧动画组件

使用css3帧动画替代gif动图,提升加载速度、减少内存。

使用场景:

UI和产品经常需要在小程序使用动画功能,有些动画又很复杂,如果直接使用gif会因为图片太大导致小程序加载慢,并占用太多内存。


实现核心:

css3动画animation的steps功能、css变量的应用。


动画效果:


组件代码:

https://developers.weixin.qq.com/s/4x3Z9mmY77kl


温馨提示:

不定期更新文章,有需要请关注哈!

最后一次编辑于  2020-09-14  
点赞 12
收藏
评论

12 个评论

  • 谋谋谋
    谋谋谋
    2020-06-12

    大佬请教一下 执行一次的时候如何监听动画结束 可有方法

    2020-06-12
    赞同
    回复 2
    • 李伟豪
      李伟豪
      2020-09-14
      新增播放次数的设置,以及播放结束的回调
      2020-09-14
      回复
    • 谋谋谋
      谋谋谋
      2020-09-14回复李伟豪
      好的  多谢
      2020-09-14
      回复
  • 翼辰
    翼辰
    2020-04-08

    android不能用,有什么办法么

    2020-04-08
    赞同
    回复 4
    • 李伟豪
      李伟豪
      2020-04-08
      安卓系统小程序不能用吗?
      2020-04-08
      回复
    • 翼辰
      翼辰
      2020-04-08回复李伟豪
      可以了,刚开始估计是网络问题,不好意思
      2020-04-08
      回复
    • 李伟豪
      李伟豪
      2020-04-08
      那就好
      2020-04-08
      回复
    • 翼辰
      翼辰
      2020-04-08回复李伟豪
      谢谢你的分享,还在研究这个里面的原理
      2020-04-08
      回复

正在加载...

登录 后发表内容