收藏
评论

微信小程序开发-76种动画 animate.css

1、微信小程序动画有自己的方法:官方链接


但需要自己去写动画效果,比较麻烦。


2、本文介绍的是把animate.css这个非常棒的css库引入到小程序内使用。


animate.css包含76种动画,使用非常简单。animate.css官网 : https://daneden.github.io/animate.css/


3、由于小程序对代码大小限制比较大,所以删除了animate.css中 所有@-webkit-部分css,减少了一半体积


再把文件后缀名改为wxss,以后出来的百度小程序、支付宝小程序、今日头条小程序估计修改对应的后缀名就可以直接使用了。


下载地址:http://nodejs999.com/animate.wxss


4、放到小程序代码中,然后@import到app.wxss文件中。


我项目是把animate.wxss文件放在utils文件夹下。


所以在app.wxss中加入 @import './utils/animate.wxss'; 即可。


就可以像animate.css一样使用了。


收藏

20 个评论

  • 木子李
    木子李
    2019-09-06

    mark

    2019-09-06
    赞同
    回复
  • 2019-05-16

    mark

    2019-05-16
    赞同
    回复
  • Heart
    Heart
    2019-05-11

    mark

    2019-05-11
    赞同
    回复
  • 努力努力再努力
    努力努力再努力
    2019-04-08

    MARK


    2019-04-08
    赞同
    回复
  • G
    G
    2019-03-07

    mark

    2019-03-07
    赞同
    回复
  • 小程序开发者
    小程序开发者
    2019-02-12

    mark

    2019-02-12
    赞同
    回复
  • 黎😄
    黎😄
    2018-12-26

    mark

    2018-12-26
    赞同
    回复
  • gph
    gph
    2018-11-30

    mark

    2018-11-30
    赞同
    回复
  • 潋滟
    潋滟
    2018-11-22

    mark

    2018-11-22
    赞同
    回复
  • F
    F
    2018-11-05

    mark

    2018-11-05
    赞同
    回复

正在加载...

登录 后发表内容