cloudhubui
Version:
Various components to use in react projects
98 lines (97 loc) • 1.75 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.varFadeInRight = exports.varFadeInDown = exports.varFadeInLeft = exports.varFadeInUp = exports.varFadeIn = void 0;
// ----------------------------------------------------------------------
var DISTANCE = 120;
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 varFadeIn = {
initial: {
opacity: 0
},
animate: {
opacity: 1,
transition: TRANSITION_ENTER
},
exit: {
opacity: 0,
transition: TRANSITION_EXIT
}
};
exports.varFadeIn = varFadeIn;
var varFadeInUp = {
initial: {
y: DISTANCE,
opacity: 0
},
animate: {
y: 0,
opacity: 1,
transition: TRANSITION_ENTER
},
exit: {
y: DISTANCE,
opacity: 0,
transition: TRANSITION_EXIT
}
};
exports.varFadeInUp = varFadeInUp;
var varFadeInLeft = {
initial: {
x: -DISTANCE,
opacity: 0
},
animate: {
x: 0,
opacity: 1,
transition: TRANSITION_ENTER
},
exit: {
x: -DISTANCE,
opacity: 0,
transition: TRANSITION_EXIT
}
};
exports.varFadeInLeft = varFadeInLeft;
var varFadeInDown = {
initial: {
y: -DISTANCE,
opacity: 0
},
animate: {
y: 0,
opacity: 1,
transition: TRANSITION_ENTER
},
exit: {
y: -DISTANCE,
opacity: 0,
transition: TRANSITION_EXIT
}
};
exports.varFadeInDown = varFadeInDown;
var varFadeInRight = {
initial: {
x: DISTANCE,
opacity: 0
},
animate: {
x: 0,
opacity: 1,
transition: TRANSITION_ENTER
},
exit: {
x: DISTANCE,
opacity: 0,
transition: TRANSITION_EXIT
}
};
exports.varFadeInRight = varFadeInRight;