Spaces:
Sleeping
Sleeping
File size: 860 Bytes
3299552 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
import { keyframes } from '@emotion/react';
export const fadeIn = keyframes`
from {
opacity: 0;
}
to {
opacity: 1;
}
`;
export const slideUp = keyframes`
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
`;
export const pulse = keyframes`
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
`;
export const spiritualGlow = keyframes`
0% {
box-shadow: 0 0 5px rgba(63, 81, 181, 0.5);
}
50% {
box-shadow: 0 0 20px rgba(63, 81, 181, 0.8);
}
100% {
box-shadow: 0 0 5px rgba(63, 81, 181, 0.5);
}
`;
export const pageTransition = {
enter: {
opacity: 0,
animation: `${fadeIn} 0.5s ease forwards`,
},
exit: {
opacity: 1,
animation: `${fadeIn} 0.5s ease reverse`,
},
}; |