@avent-ui/page-transition
Version:
Page Transition with React Router Dom
14 lines (11 loc) • 970 B
JavaScript
import React__default from 'react';
import { motion } from './node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
var SimpleTransitionLR = function (_a) {
var children = _a.children;
return (React__default.createElement(React__default.Fragment, null,
children,
React__default.createElement(motion.div, { className: 'slide-in fixed top-0 left-0 w-screen h-screen bg-black z-50', style: { transformOrigin: 'left' }, initial: { scaleX: 0 }, animate: { scaleX: 0 }, exit: { scaleX: 1 }, transition: { duration: 1, ease: [0.22, 1, 0.36, 1] } }),
React__default.createElement(motion.div, { className: 'slide-out fixed top-0 left-0 w-screen h-screen bg-black z-50', style: { transformOrigin: 'right' }, initial: { scaleX: 1 }, animate: { scaleX: 0 }, exit: { scaleX: 0 }, transition: { duration: 1, ease: [0.22, 1, 0.36, 1] } })));
};
export { SimpleTransitionLR as default };
//# sourceMappingURL=SimpleTransitionLR.js.map