Base: Use stop-opacity in SVG gradients example

This commit is contained in:
MacDue 2023-05-19 22:07:57 +01:00 committed by Andreas Kling
parent 00cda96e2d
commit 1d91a56242
Notes: sideshowbarker 2024-07-16 22:54:10 +09:00

View file

@ -1,4 +1,3 @@
<h3>Some simple SVG gradient test cases</h3>
<b>SVG radialGradient <a href="https://www.w3.org/TR/SVG11/pservers.html#ExampleRadGrad01">W3C spec example</a>:</b><br>
<svg width="8cm" height="4cm" viewBox="100 100 600 200" version="1.1" xmlns="http://www.w3.org/2000/svg">
@ -36,8 +35,8 @@
<svg height="150" width="500">
<defs>
<radialGradient id="gradA" gradientTransform="rotate(30 0.5 0.5)" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:rgb(255,255,255,0);" />
<stop offset="100%" style="stop-color:rgb(0,0,255)" />
<stop offset="0%" style="stop-color:white; stop-opacity:0" />
<stop offset="100%" style="stop-color:blue; stop-opacity:1" />
</radialGradient>
</defs>
<rect height="150" width="500" fill="url(#gradA)" />