Exemples d'opacité

Code pour cet exemple

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
	"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="300" height="240">
    <line x1="20" y1="40" x2="150" y2="40" style="stroke:green;stroke-width:15;stroke-opacity:0.1"/>
    <line x1="20" y1="70" x2="150" y2="70" style="stroke:green;stroke-width:15;stroke-opacity:0.2"/>
    <line x1="20" y1="100" x2="150" y2="100" style="stroke:green;stroke-width:15;stroke-opacity:0.4"/>
    <line x1="20" y1="130" x2="150" y2="130" style="stroke:green;stroke-width:15;stroke-opacity:0.6"/>
    <line x1="20" y1="160" x2="150" y2="160" style="stroke:green;stroke-width:15;stroke-opacity:0.8"/>
    <line x1="20" y1="190" x2="150" y2="190" style="stroke:green;stroke-width:15;stroke-opacity:1"/>
    <rect x="165" y="30" width="70" height="20" style="fill:green;fill-opacity:0.1"/>
    <rect x="165" y="60" width="70" height="20" style="fill:green;fill-opacity:0.2"/>
    <rect x="165" y="90" width="70" height="20" style="fill:green;fill-opacity:0.4"/>
    <rect x="165" y="120" width="70" height="20" style="fill:green;fill-opacity:0.6"/>
    <rect x="165" y="150" width="70" height="20" style="fill:green;fill-opacity:0.8"/>
    <rect x="165" y="180" width="70" height="20" style="fill:green;fill-opacity:1"/>
</svg>