javascript - 相对于元素当前颜色(色调、饱和度、亮度)的 jQuery 颜色动画

Question

我想在不明确指定绝对颜色的情况下制作彩色动画。举个例子:

我有一个 div 和 background: #2288ee。如果我想让它更亮，而不是写:

$('div').animate({'background-color': '#3399ff'});

我想写这样的东西:

$('div').brighten({'background-color': '10%'});

这个想法的核心是在设计发生变化时拥有相对值，而我不必调整每一个效果。

Answer 1

您可以查看此存储库，它支持您的所有要求。(色调、饱和度、亮度等)

https://github.com/jquery/jquery-color