All files / src/Animations popDownwards.js

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { keyframes } from 'styled-components';
 
const popDownwards = keyframes`
    0% {
        transform: matrix(.97,0,0,1,0,-12);
        opacity: 0
    }
 
    20% {
        transform: matrix(.99,0,0,1,0,-2);
        opacity: .7
    }
 
    40% {
        transform: matrix(1,0,0,1,0,1);
        opacity: 1
    }
 
    70% {
        transform: matrix(1,0,0,1,0,0);
        opacity: 1
    }
 
    100% {
        transform: matrix(1,0,0,1,0,0);
        opacity: 1
    }
`;
 
export default popDownwards;