gistfile1.txt

import styled, { keyframes } from 'styled-components';
 
const coolBoxKeyframes = keyframes`
  0% {
    height: 0px;
    background: green;
  }
  100% {
    height: 200px;
    background: blue;
  }
`
 
export const CoolBox = styled.div`
  display: inline-block;
  background: green;
  width: 100px;
  position: relative;
  animation-name: ${coolBoxKeyframes};
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
`
 
export default CoolBox