text: import styled, { keyframes } from "styled-components";
  import BaseAnimation from "./baseanimation";
  
  export const bounceInAnimation = keyframes`
    from, 20%, 40%, 60%, 80%, to {
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }
    20% {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      transform: scale3d(.9, .9, .9);
    }
    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      transform: scale3d(.97, .97, .97);
    }
    to {
      opacity: 1;
      transform: scale3d(1, 1, 1);
    }
  `;
  
  const BounceIn = styled(BaseAnimation)`
      animation-name: ${bounceInAnimation};
  `;
  
  export default BounceIn;
  