Interface LibraryPresetEmphasisEffects

defaultConfig: {
    cssClasses: {
        toAddOnStart: ["wbmtr-highlightable"];
    };
}

• ReadonlycssClasses: {
      toAddOnStart: ["wbmtr-highlightable"];
  }

  • ReadonlytoAddOnStart: ["wbmtr-highlightable"]

immutableConfig: {}

generateKeyframeGenerators:function

• generateKeyframeGenerators(color?): {
      backwardGenerator: (() => ({
          --wbmtr-highlight-color: string;
          backgroundPositionX?: undefined;
          easing: string;
          offset?: undefined;
      } | {
          --wbmtr-highlight-color?: undefined;
          backgroundPositionX: string;
          easing?: undefined;
          offset: number;
      } | {
          --wbmtr-highlight-color: string;
          backgroundPositionX?: undefined;
          easing?: undefined;
          offset?: undefined;
      })[]);
      forwardGenerator: (() => ({
          --wbmtr-highlight-color: string;
          backgroundPositionX?: undefined;
          easing: string;
          offset?: undefined;
      } | {
          --wbmtr-highlight-color?: undefined;
          backgroundPositionX: string;
          easing?: undefined;
          offset: number;
      } | {
          --wbmtr-highlight-color: string;
          backgroundPositionX?: undefined;
          easing?: undefined;
          offset?: undefined;
      })[]);
  }

• Parameters

  • color: string = 'default'

    color to use for the highlight

  Returns {
      backwardGenerator: (() => ({
          --wbmtr-highlight-color: string;
          backgroundPositionX?: undefined;
          easing: string;
          offset?: undefined;
      } | {
          --wbmtr-highlight-color?: undefined;
          backgroundPositionX: string;
          easing?: undefined;
          offset: number;
      } | {
          --wbmtr-highlight-color: string;
          backgroundPositionX?: undefined;
          easing?: undefined;
          offset?: undefined;
      })[]);
      forwardGenerator: (() => ({
          --wbmtr-highlight-color: string;
          backgroundPositionX?: undefined;
          easing: string;
          offset?: undefined;
      } | {
          --wbmtr-highlight-color?: undefined;
          backgroundPositionX: string;
          easing?: undefined;
          offset: number;
      } | {
          --wbmtr-highlight-color: string;
          backgroundPositionX?: undefined;
          easing?: undefined;
          offset?: undefined;
      })[]);
  }

  • backwardGenerator: (() => ({
        --wbmtr-highlight-color: string;
        backgroundPositionX?: undefined;
        easing: string;
        offset?: undefined;
    } | {
        --wbmtr-highlight-color?: undefined;
        backgroundPositionX: string;
        easing?: undefined;
        offset: number;
    } | {
        --wbmtr-highlight-color: string;
        backgroundPositionX?: undefined;
        easing?: undefined;
        offset?: undefined;
    })[])

    • • (): ({
            --wbmtr-highlight-color: string;
            backgroundPositionX?: undefined;
            easing: string;
            offset?: undefined;
        } | {
            --wbmtr-highlight-color?: undefined;
            backgroundPositionX: string;
            easing?: undefined;
            offset: number;
        } | {
            --wbmtr-highlight-color: string;
            backgroundPositionX?: undefined;
            easing?: undefined;
            offset?: undefined;
        })[]

      • Returns ({
            --wbmtr-highlight-color: string;
            backgroundPositionX?: undefined;
            easing: string;
            offset?: undefined;
        } | {
            --wbmtr-highlight-color?: undefined;
            backgroundPositionX: string;
            easing?: undefined;
            offset: number;
        } | {
            --wbmtr-highlight-color: string;
            backgroundPositionX?: undefined;
            easing?: undefined;
            offset?: undefined;
        })[]

  • forwardGenerator: (() => ({
        --wbmtr-highlight-color: string;
        backgroundPositionX?: undefined;
        easing: string;
        offset?: undefined;
    } | {
        --wbmtr-highlight-color?: undefined;
        backgroundPositionX: string;
        easing?: undefined;
        offset: number;
    } | {
        --wbmtr-highlight-color: string;
        backgroundPositionX?: undefined;
        easing?: undefined;
        offset?: undefined;
    })[])

    • • (): ({
            --wbmtr-highlight-color: string;
            backgroundPositionX?: undefined;
            easing: string;
            offset?: undefined;
        } | {
            --wbmtr-highlight-color?: undefined;
            backgroundPositionX: string;
            easing?: undefined;
            offset: number;
        } | {
            --wbmtr-highlight-color: string;
            backgroundPositionX?: undefined;
            easing?: undefined;
            offset?: undefined;
        })[]

      • Returns ({
            --wbmtr-highlight-color: string;
            backgroundPositionX?: undefined;
            easing: string;
            offset?: undefined;
        } | {
            --wbmtr-highlight-color?: undefined;
            backgroundPositionX: string;
            easing?: undefined;
            offset: number;
        } | {
            --wbmtr-highlight-color: string;
            backgroundPositionX?: undefined;
            easing?: undefined;
            offset?: undefined;
        })[]

defaultConfig: {
    cssClasses: {
        toRemoveOnFinish: ["wbmtr-highlightable"];
    };
}

• ReadonlycssClasses: {
      toRemoveOnFinish: ["wbmtr-highlightable"];
  }

  • ReadonlytoRemoveOnFinish: ["wbmtr-highlightable"]

immutableConfig: {}

generateKeyframes:function

• generateKeyframes(): {
      forwardFrames: [{
          backgroundPositionX: "0%";
      }, {
          backgroundPositionX: "100%";
      }];
  }

• Returns {
      forwardFrames: [{
          backgroundPositionX: "0%";
      }, {
          backgroundPositionX: "100%";
      }];
  }

  • ReadonlyforwardFrames: [{
        backgroundPositionX: "0%";
    }, {
        backgroundPositionX: "100%";
    }]