uniapp的动画运用（四）如何与css3动画结合使用《消息列表循环滚动》

html-css021

uniapp的动画运用（四）如何与css3动画结合使用《消息列表循环滚动》,第1张

1.模板

2.开关定义

3.滚动方法

4.css动画定义

在使用hBuilder编写uni-app时，动画效果Animate css会不起作用，原因是需要先在类名称中，需要animate__animated声明后，再加上效果类。例如：

<view class="view-box animate__animated animate__backInDown" hover-class="view-box-hover " >测试一下 </view>

够的。咱们作为前端开发人员，单纯的Web 端开发已经慢慢无法满足我们的业务需求了，微信小程序、安卓 APP、IOS APP，甚至是 Windows 桌面端开发都成了我们需要掌握的技能。所以呢，市面上各种「跨平台」开发解决方案层出不穷，比较有代表性的就是： UniAPP 、 Flutter、 React Native、Taro、Weex等等。

UniAPP 是基于「 Vue + 微信小程序 」语言体系，开发人员上手快学习成本低，同时随着如今 UniAPP 生态也逐步趋于成熟。所以，基于 UniAPP 开发多端项目，已经是很多中小型企业常用的技术解决方案。