参考文章地址

一、有什么用？

实现 scss 中 lighten 和 darken 的函数效果

二、为什么用？

在scss里使用lighten函数传入css的var变量报错，本人水平有限没找到原因，期待大佬指教

三、怎么使用？

<div class="box bg" :style="{'--color':color,'--l': colorPercent}"></div>

.bg{
  animation: lighterBackgroundColor 0.001s var(--l) linear forwards;
}
@keyframes lighterBackgroundColor {
  from {
    background-color: var(--color);
  }
  to {
    background-color: #fff;
  }
}

四、在线效果