@madeja-studio/telar/src/animation/fade.ts

UI component library by Madeja Studio

import type { AnimationFactory } from './animation';

interface FadeProps {
  from?: number;
  to?: number;
}

export const fade: AnimationFactory<FadeProps> = ({
  from = 1,
  to = 0.5,
} = {}) => {
  return {
    from: { opacity: from },
    to: { opacity: to },
  };
};