Montassar Ghanmy
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
export const fadeZoomTransition = {
|
|
enter: 'transform transition duration-[300ms]',
|
|
enterFrom: 'opacity-0 scale-50',
|
|
enterTo: 'opacity-100 scale-100',
|
|
leave: 'transform duration-[300ms] transition ease-in-out',
|
|
leaveFrom: 'opacity-100 scale-100 ',
|
|
leaveTo: 'opacity-0 scale-95 ',
|
|
};
|
|
|
|
export const fadeTransition = {
|
|
enter: 'transform transition duration-[300ms]',
|
|
enterFrom: 'opacity-0',
|
|
enterTo: 'opacity-100',
|
|
leave: 'transform duration-[50ms] transition ease-in-out',
|
|
leaveFrom: 'opacity-100 ',
|
|
leaveTo: 'opacity-0 ',
|
|
};
|
|
|
|
export const slideXTransition = {
|
|
enter: 'transform transition duration-[300ms]',
|
|
enterFrom: 'opacity-0 translate-x-full',
|
|
enterTo: 'opacity-100',
|
|
leave: 'transform duration-[300ms] transition ease-in-out',
|
|
leaveFrom: 'opacity-100 ',
|
|
leaveTo: 'opacity-0 -translate-x-full',
|
|
};
|
|
|
|
export const slideXTransitionReverted = {
|
|
enter: 'transform transition duration-[300ms]',
|
|
enterFrom: 'opacity-0 -translate-x-full',
|
|
enterTo: 'opacity-100',
|
|
leave: 'transform duration-[300ms] transition ease-in-out',
|
|
leaveFrom: 'opacity-100 ',
|
|
leaveTo: 'opacity-0 translate-x-full',
|
|
};
|