vue3 数据大屏蓝色头部组件 - 带帧动画效果

vue3 数据大屏项目开发中,会遇到各种各样的头部,今天整理的是数据可视化大标题头部组件。

如果您需要设计属于自己的数据可视化大屏或开发数据可视化大屏 请联系我们微信:17331886870

效果截图

vue3 数据大屏蓝色头部组件 - 数据可视化大标题

动态效果

帧动画效果

通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。

帧动画文件大小

帧动画图片文件数量74
帧动画图片文件总大小 3.5M

组件内容

背景加中间为标题
加帧动画效果实例
加导航标签

帧动画效果

通过ae实现从中间到两侧的流光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。

动画持续时间

动画持续时间3s,可以通过js来调整切换速率

帧动画文件大小

帧动画图片文件数量74
帧动画图片文件总大小3.6M

图片大小

1920 * 90

更多数据可视化大屏顶部组件

vue3 数据可视化大屏顶部组件汇总

源文件下载

文件包括头部效果代码 vue3 vite js nodejs 16 或 14

ae扫光动画源文件

ae流光动画源文件

相关文件下载地址
此资源需支付 ¥3 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
vue3 数据大屏蓝色头部组件 - 带帧动画效果