今天为大家带来一个实用的前端小技巧，用CSS实现行星环绕运动 🪐 的效果，这来源于设计师山田日“奇怪”的想法。

当接到可视化大屏需求时，你是否会有以下疑问：如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？

动画在前端产品中是很重要的，它能增强用户体验，提升信息传达效果，还能塑造品牌形象。在数据产品中，精心设计的动画，可以直观地呈现复杂数据和信息，突出关键数据变化趋势，给用户深刻印象，提升品牌辨识度

前言 之前写了两篇可视化大屏开发的经验总结，还没浏览的可直接跳转： # 可视化大屏开发，知道了这些经验以及解决方案，效率至少提升2倍！（上） # 可视化大屏开发，知道这些解决方案，效率至少提升2倍！（

大屏 适配 伪适配 优点： 适配比较快，就使用正常px开发就好了，监听下分辨率做一个scale缩放。 缺点： png、canvas 等要转成svg，不然就会模糊、不清晰。 真适配 vw 100vw 等