一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第3天，点击查看活动详情。 背景 nic最近在做的项目中，首页需要加一个“词云”组件，个人觉得这个小东西比较有趣，分享给有需要的小伙伴

事情是这样的，前段时间拿到公司的数据大屏原型图让我一天内把一整个页面做出来。 简单看了看，就是一个3840 * 1840的大屏然后几个列表几个图例看起来也没有多复杂。 唰！很快啊加了一会班

用css3的animation结合javascripts实现向外散开玄幻展示的词云效果； 二、技术栈 vue3+vue-cli+css3

效果图： highcharts也提供了类似的词云的效果(但效果是静态的)，附上链接: https://www.hcharts.cn/demo/highcharts/wordcloud vue代码： j