更改CSS转换的方向

Question

我想让按钮向左移动，这样他们就不会用正确的边距并移动，但我不知道如何。

有人可以解释如何改变过渡的方向吗？

.menus {
  position: fixed;
  right: 40;
  top: 150px;
  z-index: 2000;
}

.menus ul {
  list-style: none;
}

.menus ul li a {
  display: inline-block;
  color: #fff;
  background: #000;
  padding: 10px 15px;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.menus ul li .icon-home3 { background: #81e0cd; }
.menus ul li .icon-terminal { background: #81e0cd; }
.menus ul li .icon-pacman { background: #81e0cd; }

.menus ul li a:hover {
  padding: 10px 25px;
  background: #000;
}

<div class='menus'>
  <ul>
    <li>
      <a href="#" class="icon-home3"></a>
    </li>
    <li>
      <a href="#" class="icon-terminal"></a>
    </li>
    <li>
      <a href="#" class="icon-pacman"></a>
    </li>
  </ul>
</div>