Q:

How to code a GIF in a Google Chrome Extension?

I am a beginner at creating chrome extensions. My group and I had an idea where we make the extension halloween themed. For my part of the project, I have to have a black cat walk across the screen, but I am unsure where to even start with this code. Would anyone be able to help me? Let me know if you need more information!
I am unsure where to even start.

A:

Here's a starting point for you.

@keyframes move {
  from {
    left: 0
  } to {
    left: 100%
  }
}

body {
  overflow-x: hidden;
}

#cat {
  width: 100px;
  height: 100px;
  background: black;
  position: absolute;
  left: 100%;
  animation: 5s linear move;
}
<div id='cat'>

