Revision control
Copy as Markdown
<svg version="1.2" baseProfile="tiny" viewBox="0 0 200 200" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0, 0)">
<rect style="fill:#808080" x="10" y="10" width="40" height="40" fill-opacity="0.5"/>
<rect style="fill:#808080" x="30" y="30" width="40" height="40" fill-opacity="0.5"/>
</g>
<g transform="translate(80, 0)" fill-opacity="0.5">
<rect style="fill:#808080" x="10" y="10" width="40" height="40"/>
<rect style="fill:#808080" x="30" y="30" width="40" height="40"/>
</g>
<g transform="translate(0, 80)">
<rect style="fill:#808080" x="10" y="10" width="40" height="40" opacity="0.5"/>
<rect style="fill:#808080" x="30" y="30" width="40" height="40" opacity="0.5"/>
</g>
<g transform="translate(80, 80)" opacity="0.5">
<rect style="fill:#808080" x="10" y="10" width="40" height="40"/>
<rect style="fill:#808080" x="30" y="30" width="40" height="40"/>
</g>
<text transform="translate(170,45)">fill-opacity</text>
<text transform="translate(170,125)">opacity</text>
<text transform="translate(10,175)">applied to</text>
<text transform="translate(0,190)">each element</text>
<text transform="translate(90,175)">applied to</text>
<text transform="translate(103,190)">group</text>
</svg>