CSSコード(アイコンや文字を左右に動かす)

CSS(こちらをコピーして下さい)

アイコンや文字を左右に動かすアニメーション(CSS)

<style>

#icon {
  animation: move 2s infinite;
}
  
#word {
  animation: move 2s infinite;
}
  
@keyframes move {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
    color:red;
  }
  100% {
    transform: translateX(0px);
  }
}

</style>