微信小程序动画效果

参考这篇博客：微信小程序：动画效果集合：https://blog.csdn.net/wtdask/article/details/82734882

使用方式：

<van-image width="168rpx" height="168rpx" src="/static/images/cert-logo.png" 
animation="{{animationMiddleHeaderItem}}" />

微信小程序：心跳动画
https://blog.csdn.net/wtdask/article/details/82734944

文字跑马灯效果：
http://www.wxapp-union.com/portal.php?mod=view&aid=1038

触摸水波涟漪效果：
http://www.wxapp-union.com/portal.php?mod=view&aid=1350

下拉菜单效果：
http://www.wxapp-union.com/portal.php?mod=view&aid=1875

五星评分效果：
http://www.wxapp-union.com/portal.php?mod=view&aid=1876

数字累加，动态效果：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1694

星战字幕效果：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1689

动画卡片效果：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2193

列表项左滑删除效果：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2189（更多左滑删除效果请直接在论坛内搜索“左滑”即可）

图片的滤镜效果：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3949

黑客帝国metrix效果：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4670

CSS3动画效果：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4628

仿直播点赞气泡效果：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2833

文字弹幕效果：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4713

仿UC宣传页面的简单动画效果：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4266

发短信验证码倒计时：
http://www.wxapp-union.com/portal.php?mod=view&aid=1671

弹出菜单特效：
http://www.wxapp-union.com/portal.php?mod=view&aid=1659

滚动动画：
http://www.wxapp-union.com/portal.php?mod=view&aid=1538

实时圆形进度条：
http://www.wxapp-union.com/portal.php?mod=view&aid=1456

遮罩层：
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3617

仿Table效果：
http://www.wxapp-union.com/portal.php?mod=view&aid=1038

操作按钮悬浮固定在底部：
http://www.wxapp-union.com/portal.php?mod=view&aid=1029

支付倒计时效果：
http://www.wxapp-union.com/portal.php?mod=view&aid=890

文字单行背景自适应带角标：
http://www.wxapp-union.com/portal.php?mod=view&aid=636

侧边栏滑动特效
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1202

顶部导航效果：
http://www.wxapp-union.com/portal.php?mod=view&aid=1665

弹出和隐藏动画：
http://www.wxapp-union.com/portal.php?mod=view&aid=1449

切换动画：
http://www.wxapp-union.com/portal.php?mod=view&aid=1113

微信小程序动画效果

原文：https://www.cnblogs.com/goloving/p/12436904.html