Как кодировать GIF в расширении Google Chrome?

Question

Я новичок в создании расширений Chrome. У меня и моей группы была идея, где мы сделаем продолжение на тему Хэллоуина. Что касается моей части проекта, мне нужно, чтобы по экрану шла черная кошка, но я не уверен, с чего начать этот код. Кто-нибудь сможет мне помочь? Дайте мне знать, если вам нужна дополнительная информация!

Я не уверен, с чего начать.

Answer 1

Вот вам отправная точка.

@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'>