Revision control
Copy as Markdown
<style>
@keyframes opacity {
0% {fill-opacity: 0; stroke-opacity: 0; }
1% {fill-opacity: 0.75; stroke-opacity: 0.5; }
100% {fill-opacity: 0.75; stroke-opacity: 0.5; }
}
rect {
animation-duration: 50s;
animation-name: opacity;
animation-iteration-count: 1;
}
</style>
<rect width="100" height="100" fill="green" stroke="red" stroke-width="6"/>
</svg>