cloudhubui
Version:
Various components to use in react projects
72 lines (71 loc) • 1.34 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.varSlideInRight = exports.varSlideInLeft = exports.varSlideInDown = exports.varSlideInUp = void 0;
// ----------------------------------------------------------------------
var DISTANCE = 160;
var TRANSITION_ENTER = {
duration: 0.64,
ease: [0.43, 0.13, 0.23, 0.96]
};
var TRANSITION_EXIT = {
duration: 0.48,
ease: [0.43, 0.13, 0.23, 0.96]
};
var varSlideInUp = {
initial: {
y: DISTANCE
},
animate: {
y: 0,
transition: TRANSITION_ENTER
},
exit: {
y: DISTANCE,
transition: TRANSITION_EXIT
}
};
exports.varSlideInUp = varSlideInUp;
var varSlideInDown = {
initial: {
y: -DISTANCE
},
animate: {
y: 0,
transition: TRANSITION_ENTER
},
exit: {
y: -DISTANCE,
transition: TRANSITION_EXIT
}
};
exports.varSlideInDown = varSlideInDown;
var varSlideInLeft = {
initial: {
x: -DISTANCE
},
animate: {
x: 0,
transition: TRANSITION_ENTER
},
exit: {
x: -DISTANCE,
transition: TRANSITION_EXIT
}
};
exports.varSlideInLeft = varSlideInLeft;
var varSlideInRight = {
initial: {
x: DISTANCE
},
animate: {
x: 0,
transition: TRANSITION_ENTER
},
exit: {
x: DISTANCE,
transition: TRANSITION_EXIT
}
};
exports.varSlideInRight = varSlideInRight;