本文整理汇总了TypeScript中csx.ColorHelper.fade方法的典型用法代码示例。如果您正苦于以下问题:TypeScript ColorHelper.fade方法的具体用法?TypeScript ColorHelper.fade怎么用?TypeScript ColorHelper.fade使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类csx.ColorHelper
的用法示例。
在下文中一共展示了ColorHelper.fade方法的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1:
const contrast = (
baseColor: ColorHelper = globalVars.mainColors.fg,
hasBorder: boolean = false,
borderRadius: BorderRadiusProperty<TLength> = 0,
) => {
const shadowColor = baseColor.fade(0.2);
let border = {};
if (hasBorder) {
border = {
outline: `solid 1px ${shadowColor.toString()}`,
radius: borderRadius,
};
}
return {
boxShadow: `0 0 3px 0 ${baseColor.fade(0.3)}`,
...border,
};
};
示例2:
const gradient = (direction: "right" | "left") => {
return `linear-gradient(to ${direction}, ${colorOut(color.fade(0))} 0%, ${colorOut(
color.fade(0.3),
)} 20%, ${colorOut(color)} 90%)`;
};