packages/instant/src/components/animations/pulse.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

import { keyframes, styled } from '../../style/theme';

const pulsingKeyframes = keyframes`
    0%, 100% {
        opacity: 0.2;
    }
    50% {
        opacity: 100;
    }
`;
export const Pulse = styled.div`
    animation-name: ${pulsingKeyframes}
    animation-duration: 2s;
    animation-iteration-count: infinite;
`;