All files / src/Animations flip.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { keyframes } from 'styled-components';
 
const flip = keyframes`
    0% {
        opacity: 0;
        transform-style: preserve-3d;
        transform-origin: 0% 0%;
        transform: rotateX(-80deg);
    }
 
    100% {
        transform: rotateX(0deg); 
        opacity: 1;
    }
`;
 
export default flip;