如何将元素从初始状态移动到右边然后从初始状态移动到左边？(How to move element from initial state to right and then from initial state to left?)

 我在我的页面上有一个手形图标，它指向三个图像。我希望在这个图标上有一个动画，它应该从初始状态移动到右边，然后从初始状态移动到左边，依此类推。单词，它应该涵盖所有三个图像。 我也尝试过自己，它将初始状态移动到右边但不是从初始状态移动到左边。这是我的代码片段，如下所示： 
 
 
 
 
 
  
div#skill .logos {
  padding: 20px 0;
}
.logos>img {
  margin-right: 10px;
}
.move {
  position: relative;
  animation: move 2s infinite;
  animation-direction: alternate-reverse;
}
/*Animation on hand*/

@keyframes move {
  0% {
    left: 0px;
    right: 0px;
  }
  50% {
    left: 60px;
    right: 0;
  }
  100% {
    left: 0px;
    right: 60px;
  }
}
 
  
<img class="move center-block" src="img/icons/hand-finger-pointing-down.svg" width="60" height="60">
<div class="logos text-center">
  <img src="img/icons/adobe-photoshop.png" width="50" height="50">
  <img src="img/icons/bootstrap-4.svg" width="50" height="50">
  <img src="img/icons/Sublime_Text_Logo.png" width="50" height="50">
</div>
 
 
 
 
 
 请指导我，并提前感谢你！ 

There is a hand icon that I am using on my page and It is directing to three images.I want an animation on this icon, where It should move from initial state to right, then from initial state to left and so forth.In other words, it should cover all the three images. I have tried myself also, it is moving initial state to right but not from initial state to left.Here is my code snippet down below:
 
 
 
 
 
  
div#skill .logos {
  padding: 20px 0;
}
.logos>img {
  margin-right: 10px;
}
.move {
  position: relative;
  animation: move 2s infinite;
  animation-direction: alternate-reverse;
}
/*Animation on hand*/

@keyframes move {
  0% {
    left: 0px;
    right: 0px;
  }
  50% {
    left: 60px;
    right: 0;
  }
  100% {
    left: 0px;
    right: 60px;
  }
}
 
  
<img class="move center-block" src="img/icons/hand-finger-pointing-down.svg" width="60" height="60">
<div class="logos text-center">
  <img src="img/icons/adobe-photoshop.png" width="50" height="50">
  <img src="img/icons/bootstrap-4.svg" width="50" height="50">
  <img src="img/icons/Sublime_Text_Logo.png" width="50" height="50">
</div>
 
 
 
 
 
Please guide me and thank you in advance!

原文：https://stackoverflow.com/questions/39082220