@wulperstudio/cms/helpers/animation.js

Wulper Studio Library Components CMS

import { keyframes } from '@mui/material';
export var ToLeft = keyframes({
  '0%': {
    transform: 'translateX(-100%)'
  },
  '100%': {
    transform: 'translateX(0%)'
  }
});
export var ToRight = keyframes({
  '0%': {
    transform: 'translateX(100%)'
  },
  '100%': {
    transform: 'translateX(0%)'
  }
});
export var ToTop = keyframes({
  '0%': {
    transform: 'translateY(100%)'
  },
  '100%': {
    transform: 'translateY(0%)'
  }
});
export var ToBottom = keyframes({
  '0%': {
    transform: 'translateY(-100%)'
  },
  '100%': {
    transform: 'translateY(0%)'
  }
});