Source code
Revision control
Copy as Markdown
Other Tools
<!--
Any copyright is dedicated to the Public Domain.
-->
<title>Test gradient fr attribute</title>
<defs>
<radialGradient id="grad1">
<stop offset="0%" stop-color="red" />
<stop offset="20%" stop-color="red" />
<stop offset="100%" stop-color="lime" />
</radialGradient>
<style>
.cover {
stroke-width: 3px;
stroke: lime;
fill: none;
image-rendering: optimizeSpeed;
}
</style>
</defs>
<rect width="100%" height="100%" fill="lime"/>
<circle cx="100" cy="100" r="50" fill="url(#grad1)" />
<circle class="cover" cx="100" cy="100" r="50" fill="none"/>
</svg>