<marquee></marquee> <marquee direction="up"></marquee> Bouncing Marquee
      
  #anim1Div {
    animation: anim1 3s infinite;
    width: 240px;
    height: 300px;
  }
  @keyframes anim1 {
    0% {
      background-color: green;
    }
    50% {
      background-color: blue;
    }
    100% {
      background-color: green;
    }
  }
      
      
  #anim2Div {
    animation: anim2 6s infinite;
    width: 240px;
    height: 300px;
    background-color: green;
  }
  @keyframes anim2 {
    0% {
      width: 240px;
      height: 300px;
    }
    50% {
      width: 1px;
      height: 1px;
    }
    100% {
      width: 240px;
      height: 300px;
    }
  }