aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/animations/pulse.tsx
blob: 01d6ea070668718b96c496edb0c7564a4c750b6b (plain) (blame)
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;
`;