SCSSのバックグラウンドトランジションが機能しない

Question

SCSSファイルでトランジションを使用しようとしていますが、動作しないようです。グラデーションがサポートされていないことがあるので、バックグラウンドを作成し、トランジションに使用することを期待しています。しかし、このコードはまだ動作しません。デバッガとしてwidth: 50%;も追加します。トランジションは幅でうまく機能します。ここで

&::after { 
    @include bg-gradienter ((to bottom left, rgba(6, 55, 105, 0.25) 25%, rgba(8, 57, 106, 1) 100%)); 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    content:""; 
    position: absolute; 
    transition: all 2s ease-in-out; 
} 
&:hover:after { 
    width: 50%; 
    @include bg-gradienter ((to bottom left, rgba(6, 55, 105, 0.75) 25%, rgba(8, 57, 106, 1) 100%)); 
    transition: all 2s ease-in-out; 
} 

は私bg-gradienterです：

@mixin bg-gradienter($args) { 
    background: -moz-linear-gradient($args), no-repeat; 
    background: -webkit-linear-gradient($args), no-repeat; 
    background: -o-linear-gradient($args), no-repeat; 
    background: -ms-linear-gradient($args), no-repeat; 
    background: linear-gradient($args), no-repeat; 
} 

任意のアイデア？どうもありがとう！あなたがbg-gradienterにあなたの引数にカンマを含めることができるようになります$args...へ

Answer 1

変更$args：作業のデモを追加してください

@mixin bg-gradienter($args...) { 
    background: -moz-linear-gradient($args), no-repeat; 
    background: -webkit-linear-gradient($args), no-repeat; 
    background: -o-linear-gradient($args), no-repeat; 
    background: -ms-linear-gradient($args), no-repeat; 
    background: linear-gradient($args), no-repeat; 
} 

をして@include