NyanCat.css

/*#nyan {
    background: red;

    animation: move 25s infinite ;
}

@keyframes move {
    from {top: 0px;}
    to {top: 200px;}
}*/


html, body {
    width: 100%;
    height: 100%;
}


div {
    width: 80px;
    height: 80px;
    background: red;
    position: relative;
    animation: move 5s infinite;
    -webkit-animation: slide 5s infinite;
}

dive:hover {
    animation: slide 5s infinite;
  }

@keyframes slide {
    0% {
      left: 0;
      top: 0;
    }
    10% {
      left: 200px;
      top: 100px;
    }
    20% {
        left: 300px;
        top: 200px;
    }
    30% {
        left: 400px;
        top: 300px;
    }
    40% {
        left: 500px;
        top: 400px;
    }
    50% {
        left: 600px;
        top: 500px;
    }
    60% {
        left: 700px;
        top: 600px;
    }
    70% {
        left: 800px;
        top: 700px;
    }
    80% {
        left: 900px;
        top: 800px;
    }
    90% {
        left: 1000px;
        top: 900px;
    }
    100% {
      left: 1200px;
      top: 900px;
    }
  }