26 lines
397 B
JavaScript
26 lines
397 B
JavaScript
// @flow
|
|
import { keyframes } from 'styled-components';
|
|
|
|
export const fadeIn = keyframes`
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
`;
|
|
|
|
export const fadeAndScaleIn = keyframes`
|
|
from {
|
|
opacity: 0;
|
|
transform: scale(.98);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
`;
|
|
|
|
export const pulsate = keyframes`
|
|
0% { opacity: 1; }
|
|
50% { opacity: 0.5; }
|
|
100% { opacity: 1; }
|
|
`;
|