前言 翌日 吃着早餐，划着水。 不一会，领导走了过来。 领导：小伙子，你去XX项目实现一个根据设备能源图，要求能根据百分比反应容量。 我： 啊？我？这个项目我没看过代码。 领导：任务有点急，你自己安排

🌐 原地址 👉 h3 🫰 demo 🫰 🧐 思路分析 🧐 这样看是不是一目了然呢~ 😏 如上👆gif👆效果可以理解为👉 以鼠标位置为圆心，产生的背景圆，与box的间隙产生的交叉 ❓ 这么实现会不会有问

为了向大家介绍 CSS 新特性【scroll-timeline】的强大效果，我特意破解了钉钉首页的动效，莫辜负！

通过本示例，你将学到什么? CSS 相关 CSS定位 CSS弹性盒子布局 CSS动画 CSS变量的用法 js相关 类的封装 DOM的操作与事件的操作 样式与类的操作 延迟函数的使用 示例效果 废话少说

“我前端王境泽就是写代码猝死,死外面从这里跳下去,也不用你们一点切图” 当UI给你切图后：“真香!”