Not working linearGradient SVG in the new Firefox at all so?

The people, greetings to all.

After upgrading Mozilla to the latest version (56), animation linear gradient ceased to be translucent at the edges, now gloss is a solid color.
Code:
<defs>
 <lineargradient id="shine" x1="0%" y1="0%" x2="100%" y2="100%">
 <stop offset="0.04" style="stop-color:#FFFFFF;stop-opacity:0">
 <animate id="an1" attributename="offset" dur="1.5 s" values="0.04;0.94" begin="3s;an1.end+3s" repeatcount="indefinite">
</animate></stop>
 <stop offset="0.08" style="stop-color:#FFFFFF;stop-opacity:0.7">
 <animate id="an2" attributename="offset" dur="1.5 s" values="0.2;0.98" begin="3s;an2.end+3s" repeatcount="indefinite">
</animate></stop>
 <stop offset="0.10" style="stop-color:#FFFFFF;stop-opacity:0">
 <animate id="an3" attributename="offset" dur="1.5 s" values="0.30;1" begin="3s;an3.end+3s" repeatcount="indefinite">
</animate></stop>
</lineargradient>


 <mask id="myShiningMask">
 <rect x="0" y="0" width="100%" height="100%" fill="url(#shine)">
</rect></mask>
</defs>


In all other browsers worked as the animation is running. Maybe Mozilla has something changed?
Who know?

In advance grateful.
June 14th 19 at 19:04
1 answer
June 14th 19 at 19:06
Solution
In short I do not know what is the reason, but I think that with the tag mask and its application, the question was decided as follows:
before to overlay the animation on the object used attribute mask="url(#myShiningMask)".
Now the code is
<mask id="myShiningMask">
 <rect x="0" y="0" width="100%" height="100%" fill="url(#shine)">
 </rect></mask>

thrown out of the SVG and instead of an attribute mask, used directly fill="url(#shine)".

The animation is played on all browsers with the same transparency, the contour of the object without a mask!

It is unclear why the mask attribute not gone on the new Firefox.

Find more questions by tags HTMLMozilla FirefoxSVG