translateX变量的插值不起作用 - Sass

Question

使用该值替换$ tranX变量不起作用，尽管$ op变量的替换正常工作。

在此，动画通常执行：

@mixin animationItemAbout($delay, $tranX, $op)
{
    @keyframes itemAboutShow 
    {
        0% {  transform: translateX(10%); opacity: 0;  }
        100% { transform: translateX(0%);  opacity: 1; }   
    }
    animation: itemAboutShow 250ms ease-out $delay 1 normal both;

}

在此，只有不透明度动画执行：

@mixin animationItemAbout($delay, $tranX, $op)
{
    @keyframes itemAboutShow 
    {
        0% {  transform: translateX($tranX); opacity: 0;  }
        100% { transform: translateX(0%);  opacity: $op; }   
    }
    animation: itemAboutShow 250ms ease-out $delay 1 normal both;

}

这是方法调用：

.title1
{
     @include animationItemAbout(600ms, 20%, 0.5);            
}

为什么会这样？