<div class="multiple-animation">
    <img src="https://drive.google.com/uc?export=view&id=13TBj2wMdMKxukp4GAf2eFYHlS_p9T9bI" alt="">
</div>
/****複数animation***/
.multiple-animation{
  position: relative;
}
.multiple-animation img{
  width: 150px;
  background-color: #e0e4eb;
  position: absolute;
  top: 0;
  left: 0;
  animation:
  slide 3s infinite linear,
  rotation 1s infinite linear;
}
@keyframes slide{
  0%{
    left: 0;
  }
  100%{
    left: 300px;
  }
}
@keyframes rotation {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.