仅动画仅一个变换属性

Question

我在选择器后面有一个css，我试图使X位置动起来，但不确定如何停止所有其他变换功能。我需要translateX的过渡属性是什么？

.myLink {
    &:hover .myText:after {
      transition: transform 0.6s;
      transform: translateX(3px);
    }
  .myText {
    display: flex;
    flex-wrap: wrap;
    &:after {
      content: "";
      display: block;
      width: 1px;
      height: 1px;
      border-top: 2px solid $blue;
      border-right: 2px solid $blue;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  }
}