Variable MotionConst

Type declaration

• Readonly FADE: DevfiveMotion

• Readonly FLIP_HORIZONTAL: {
      exit: {
          opacity: 0;
          scaleX: -1;
      };
      initial: {
          opacity: 0;
          scaleX: -1;
      };
  }

  • Readonly exit: {
        opacity: 0;
        scaleX: -1;
    }

    • Readonly opacity: 0

    • Readonly scaleX: -1

  • Readonly initial: {
        opacity: 0;
        scaleX: -1;
    }

    • Readonly opacity: 0

    • Readonly scaleX: -1

• Readonly FLIP_VERTICAL: {
      exit: {
          opacity: 0;
          scaleY: -1;
      };
      initial: {
          opacity: 0;
          scaleY: -1;
      };
  }

  • Readonly exit: {
        opacity: 0;
        scaleY: -1;
    }

    • Readonly opacity: 0

    • Readonly scaleY: -1

  • Readonly initial: {
        opacity: 0;
        scaleY: -1;
    }

    • Readonly opacity: 0

    • Readonly scaleY: -1

• Readonly FOLD_HORIZONTAL: {
      exit: {
          scaleX: 0;
      };
      initial: {
          scaleX: 0;
      };
  }

  • Readonly exit: {
        scaleX: 0;
    }

    • Readonly scaleX: 0

  • Readonly initial: {
        scaleX: 0;
    }

    • Readonly scaleX: 0

• Readonly FOLD_VERTICAL: {
      exit: {
          scaleY: 0;
      };
      initial: {
          scaleY: 0;
      };
  }

  • Readonly exit: {
        scaleY: 0;
    }

    • Readonly scaleY: 0

  • Readonly initial: {
        scaleY: 0;
    }

    • Readonly scaleY: 0

• Readonly ROTATE: {
      exit: {
          opacity: 0;
          rotate: 90;
      };
      initial: {
          opacity: 0;
          rotate: -90;
      };
  }

  • Readonly exit: {
        opacity: 0;
        rotate: 90;
    }

    • Readonly opacity: 0

    • Readonly rotate: 90

  • Readonly initial: {
        opacity: 0;
        rotate: -90;
    }

    • Readonly opacity: 0

    • Readonly rotate: -90

• Readonly SCALE_DOWN: {
      exit: {
          opacity: 0;
          scale: 0;
      };
      initial: {
          opacity: 0;
          scale: 1.5;
      };
  }

  • Readonly exit: {
        opacity: 0;
        scale: 0;
    }

    • Readonly opacity: 0

    • Readonly scale: 0

  • Readonly initial: {
        opacity: 0;
        scale: 1.5;
    }

    • Readonly opacity: 0

    • Readonly scale: 1.5

• Readonly SCALE_UP: {
      exit: {
          opacity: 0;
          scale: 0;
      };
      initial: {
          opacity: 0;
          scale: 0;
      };
  }

  • Readonly exit: {
        opacity: 0;
        scale: 0;
    }

    • Readonly opacity: 0

    • Readonly scale: 0

  • Readonly initial: {
        opacity: 0;
        scale: 0;
    }

    • Readonly opacity: 0

    • Readonly scale: 0

• Readonly SLIDE_DOWN: {
      exit: {
          opacity: 1;
          y: "100%";
      };
      initial: {
          opacity: 0;
          y: "-100%";
      };
  }

  • Readonly exit: {
        opacity: 1;
        y: "100%";
    }

    • Readonly opacity: 1

    • Readonly y: "100%"

  • Readonly initial: {
        opacity: 0;
        y: "-100%";
    }

    • Readonly opacity: 0

    • Readonly y: "-100%"

• Readonly SLIDE_LEFT: {
      exit: {
          opacity: 0;
          x: "-100%";
      };
      initial: {
          opacity: 0;
          x: "100%";
      };
  }

  • Readonly exit: {
        opacity: 0;
        x: "-100%";
    }

    • Readonly opacity: 0

    • Readonly x: "-100%"

  • Readonly initial: {
        opacity: 0;
        x: "100%";
    }

    • Readonly opacity: 0

    • Readonly x: "100%"

• Readonly SLIDE_LEFT_RETURN: {
      exit: {
          opacity: 0;
          x: "100%";
      };
      initial: {
          opacity: 0;
          x: "100%";
      };
  }

  • Readonly exit: {
        opacity: 0;
        x: "100%";
    }

    • Readonly opacity: 0

    • Readonly x: "100%"

  • Readonly initial: {
        opacity: 0;
        x: "100%";
    }

    • Readonly opacity: 0

    • Readonly x: "100%"

• Readonly SLIDE_RIGHT: {
      exit: {
          opacity: 0;
          x: "100%";
      };
      initial: {
          opacity: 0;
          x: "-100%";
      };
  }

  • Readonly exit: {
        opacity: 0;
        x: "100%";
    }

    • Readonly opacity: 0

    • Readonly x: "100%"

  • Readonly initial: {
        opacity: 0;
        x: "-100%";
    }

    • Readonly opacity: 0

    • Readonly x: "-100%"

• Readonly SLIDE_RIGHT_RETURN: {
      exit: {
          opacity: 0;
          x: "-100%";
      };
      initial: {
          opacity: 0;
          x: "-100%";
      };
  }

  • Readonly exit: {
        opacity: 0;
        x: "-100%";
    }

    • Readonly opacity: 0

    • Readonly x: "-100%"

  • Readonly initial: {
        opacity: 0;
        x: "-100%";
    }

    • Readonly opacity: 0

    • Readonly x: "-100%"

• Readonly SLIDE_UP: {
      exit: {
          opacity: 0;
          y: "-100%";
      };
      initial: {
          opacity: 0;
          y: "100%";
      };
  }

  • Readonly exit: {
        opacity: 0;
        y: "-100%";
    }

    • Readonly opacity: 0

    • Readonly y: "-100%"

  • Readonly initial: {
        opacity: 0;
        y: "100%";
    }

    • Readonly opacity: 0

    • Readonly y: "100%"

• Readonly SLIDE_UP_RETURN: {
      exit: {
          opacity: 0;
          y: "100%";
      };
      initial: {
          opacity: 0;
          y: "100%";
      };
  }

  • Readonly exit: {
        opacity: 0;
        y: "100%";
    }

    • Readonly opacity: 0

    • Readonly y: "100%"

  • Readonly initial: {
        opacity: 0;
        y: "100%";
    }

    • Readonly opacity: 0

    • Readonly y: "100%"