微信小程序—史上最全78种炫到爆的自定义动画

2024-06-02 22:22:15

摘要

最近在研究小程序，搜集整理而来共计78种自定义动画，现分享给大家，并且写成demo，读者可通过体验获取想要的效果，复制粘贴使用，希望能共同学习。

部分效果图

体验途径

依次点击：custom系列>>动画

78种动画名称

从右放大、从上放大、缩小、从下缩小、从下缩小、从右缩小、从上缩小、翻转、反弹、闪烁、脉冲、橡皮筋、摇晃、摇晃减弱、摆动、扭动、晃动、果冻、心跳、跳进、从左跳进、从上跳进、从右跳进、从下跳进、跳出、从下跳出、从左跳出、从右跳出、从上跳出、淡入、从上淡入、快速从上淡入、从左淡入、快速从左淡入、从右淡入、快速从右淡入、从下淡入、快速从下淡入、淡出、从下淡出、快速从下淡出、从左淡出、快速从左淡出、从右淡出、快速从右淡出、从上淡出、快速从上淡出、X轴翻入、Y轴翻入、X轴翻出、Y轴翻出、惯性进入、惯性离开、旋转进入、从左旋转进入、从右旋转进入、右下旋转进入、左下旋转进入、旋转离开、左下旋转离开、右下旋转离开、左上旋转离开、右上旋转离开、铰链、顶入、旋转进入、旋转离开、放大、从下放大、从左放大、从上滑入、从左滑入、从右滑入、从下滑入、从下划出、从左滑出、从右滑出、从上滑出

动画源码

animation.css文件
链接: https://pan.baidu.com/s/1obBCVnAjNM2lXI3F0a8B-g 提取码: 3ufy

微信小程序—史上最全78种炫到爆的自定义动画相关推荐

更新微信小程序史上巨巨巨巨细步骤我奶看了都学会了
提示:每一步都有涵盖,没有的话本鹅每天下楼必坐不上电梯! 前言更新微信小程序并不困难,但是对于第一次实施更新的朋友且没有人指导的情况下,还是有些许慌张,本鹅第一次更新小程序的时候,很担心某个环节给人 ...
[vue] vue和微信小程序写法上有什么区别？
[vue] vue和微信小程序写法上有什么区别?写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别. 一.生命周期先贴两张图: vue生命周期小程序生命周期相比之下 ...
微信小程序----返回上一页刷新或当前页刷新
WXRUI体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 声明 bug: 在onShow中执行this.onLoad(),会导致页面第一次加载的时候数组 ...
当微信小程序遇上TensorFlow：Server端实现补充
在前面一篇文章<当微信小程序遇上TensorFlow:Server端实现>中,我们探讨了微信小程序server端的实现.今天在调试微信小程序时才发现一个问题,那就是:微信小程序要求HTTP ...
上传声音微信小程序_SpringBoot开发案例之微信小程序录音上传
前言书接上回的<SpringBoot开发案例之微信小程序文件上传>,正常的业务流程是,口语测评需要学生通过前端微信小程序录入一段音频,通过调用第三方音频处理服务商进行评分,然后服务端对原 ...
微信小程序获取上一页路由获取从哪个页面跳转进来的
微信小程序获取上一页路由获取从哪个页面跳转进来的 var pages = getCurrentPages(); let prevpage = pages[pages.length - 2];//上一 ...
微信小程序上传接口php,微信小程序API 上传、下载
微信小程序API 上传.下载 wx.uploadFile(OBJECT) 将本地资源上传到开发者服务器.如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口 ...
微信小程序图片上传九宫格拖拽组件
微信小程序图片上传&九宫格拖拽组件前言图片上传加九宫格拖拽是一个比较常用的组件,常用于发帖或者评论等内容上传模块,我这篇九宫格拖拽的思路是借鉴了一款优雅的小程序拖拽排序组件实现这篇文章实 ...
微信小程序直接上传文件到阿里云OSS组件封装
微信小程序直接上传文件到OSS 1. 封装公共方法在根目录utils目录新建一个upload文件夹: // utils/upload/base64.jsvar base64EncodeChars = ...

最新文章

热门文章