{"size": 1331, "ext": "js", "max_stars_repo_path": "src/utils/animation.js", "max_stars_repo_name": "emad-ir/go-access-web", "max_stars_repo_stars_event_min_datetime": "2020-07-29T20:59:38.000Z", "max_stars_repo_stars_event_max_datetime": "2020-07-29T20:59:38.000Z", "max_issues_repo_path": "src/utils/animation.js", "max_issues_repo_name": "emad-ir/go-access-web", "max_issues_repo_issues_event_min_datetime": "2021-03-08T20:39:02.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T04:40:57.000Z", "max_forks_repo_path": "src/utils/animation.js", "max_forks_repo_name": "emad-ir/go-access-web", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 6, "max_forks_count": null, "avg_line_length": 24.6481481481, "max_line_length": 55, "alphanum_fraction": 0.5957926371}
import { keyframes } from 'styled-components'

export const pulse = keyframes`
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
`;

export const rotate = keyframes`
    100% {
        transform: rotateZ(360deg); 
    }
`;

export const arrowAni = keyframes`
    0% { opacity:0; transform: translateY(-50px); }	
   20% { opacity:1; transform: translateY(-10px); }	
   80% { opacity:1; transform: translateY(10px); }	
  100% { opacity:0; transform: translateY(50px); }	
`;

export const slide = keyframes`
    0% { opacity:0; transform: translateY(-100px); }	
    25% { opacity:0.5; transform: translateY(-50px); }	
    50% { opacity:1; transform: translateY(0px); }	
    75% { opacity:0.5; transform: translateY(50px); }	
    100% { opacity:0; transform: translateY(100px); }	
`;

export const phoneSlide = keyframes`
    0% { opacity:0; transform: translateY(-50px); }	
    25% { opacity:0.5; transform: translateY(0px); }	
    50% { opacity:1; transform: translateY(50px); }	
    75% { opacity:0.5; transform: translateY(100px); }	
    100% { opacity:0; transform: translateY(150px); }	
`;

export const floatingText = keyframes`
    0% {  
      transform: translateY(.05em);
  
    }
    100% {
        transform: translateY(0);
    }	
`;
