2-4遮罩效果

<svg viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg">

    <defs>

        <linearGradient id="changeColor" x1="0%" y1="0%" x2="100%" y2="0%">

            <stop offset="0%" stop-color="white" stop-opacity="0"/>

            <stop offset="100%" stop-color="white" stop-opacity="1"/>

        </linearGradient>

        <mask id="mask">

        <rect x="50" y="50" width="100" height="50" fill="url(#changeColor)"/>

        </mask>

    </defs>

    <circle cx="100" cy="100" r="50" mask="url(#mask)"/>

</svg>

此处渐变里的stop-color无论设成什么值效果都是灰的吗？